Javascript 使用AJAX在.NETMVC中搜索。我能为以下代码做些什么?
我想用AJAX进行搜索。我只是通过在控制器中传递搜索字符串来使用get方法,但这不是我想要的 在我的控制器代码下面,我从URL获取搜索值并返回数据(这是一个列表) 下面是我在视图中编写的脚本。我错在哪里?我不知道。我希望任何列表都有我输入的任何搜索的帮助。要打印在表格中。表就在这个脚本的上面;我不认为这是必要的,所以我没有包括在内Javascript 使用AJAX在.NETMVC中搜索。我能为以下代码做些什么?,javascript,ajax,asp.net-mvc,search,Javascript,Ajax,Asp.net Mvc,Search,我想用AJAX进行搜索。我只是通过在控制器中传递搜索字符串来使用get方法,但这不是我想要的 在我的控制器代码下面,我从URL获取搜索值并返回数据(这是一个列表) 下面是我在视图中编写的脚本。我错在哪里?我不知道。我希望任何列表都有我输入的任何搜索的帮助。要打印在表格中。表就在这个脚本的上面;我不认为这是必要的,所以我没有包括在内 $(文档).ready(函数(){ $(“#搜索按钮”)。在(“单击”上,函数(){ var search_value=$(“#searchText”).val()
$(文档).ready(函数(){
$(“#搜索按钮”)。在(“单击”上,函数(){
var search_value=$(“#searchText”).val();
警报(搜索值);
var SetData=$(“#tabledata”);*tabledata是tbody标记的id*
SetData.html(“”);
console.log(“setddata”);
console.log(SetData);
$.ajax({
键入:“获取”,
url:“/Home/MySoldNotes?search=“+search\u value,*Home是控制器,MySoldNotes是操作*
contentType:“application/json;charset=utf-8”,
数据类型:“html”,
成功:功能(结果){
控制台日志(“结果”);
控制台日志(结果);
$.each(结果、函数(索引、值){
var data=“”+
“”+value.NoteDetail.File_Name+“”+
“”+value.Purchased_类别+“”+
“”+value.User1.Email+“”+
“”+value.NoteDetail.Sell_Price+“”+
“”+value.Req\u已解决\u日期+“”+
""
SetData.append(数据);
});
},
错误:函数(err){
警报(“错误aa gai”);
console.log(err.responseText);
}
});
});
});
您必须从ajax调用将对象传递给控制器。范例
<script>
$(document).ready(function () {
$("#search_button").on("click", function () {
var objParam = new Object();
objParam.search_value = $("#searchText").val();
$.ajax({
type: "POST",
url: "/Home/MySoldNotes"
contentType: "application/json; charset = utf-8",
data: JSON.stringify(objParam)
success: function (result) {
console.log("result");
console.log(result);
$.each(result, function (index, value) {
var data = "<tr>" +
"<td>" + value.NoteDetail.File_Name + "</td>" +
"<td>" + value.Purchased_Category + "</td>" +
"<td>" + value.User1.Email + "</td>" +
"<td>" + value.NoteDetail.Sell_Price + "</td>" +
"<td>" + value.Req_Solved_Date + "</td>" +
"</tr>"
SetData.append(data);
});
},
error: function (err) {
alert("Error aa gai");
console.log(err.responseText);
}
});
});
});
</script>
这很有效。我没有得到确切的错误
<script>
$(document).ready(function () {
$("#search_button").on("click", function () {
var search_value = $("#searchText").val();
alert(search_value);
var SetData = $("#tabledata"); *tabledata is id of tbody tag *
SetData.html("");
console.log("setddata");
console.log(SetData);
$.ajax({
type: "get",
url: "/Home/MySoldNotes?search=" + search_value, *home is controller, mysoldnotes is action*
contentType: "application/ json; charset = utf - 8",
dataType: "html",
success: function (result) {
console.log("result");
console.log(result);
$.each(result, function (index, value) {
var data = "<tr>" +
"<td>" + value.NoteDetail.File_Name + "</td>" +
"<td>" + value.Purchased_Category + "</td>" +
"<td>" + value.User1.Email + "</td>" +
"<td>" + value.NoteDetail.Sell_Price + "</td>" +
"<td>" + value.Req_Solved_Date + "</td>" +
"</tr>"
SetData.append(data);
});
},
error: function (err) {
alert("Error aa gai");
console.log(err.responseText);
}
});
});
});
</script>
<script>
$(document).ready(function () {
$("#search_button").on("click", function () {
var objParam = new Object();
objParam.search_value = $("#searchText").val();
$.ajax({
type: "POST",
url: "/Home/MySoldNotes"
contentType: "application/json; charset = utf-8",
data: JSON.stringify(objParam)
success: function (result) {
console.log("result");
console.log(result);
$.each(result, function (index, value) {
var data = "<tr>" +
"<td>" + value.NoteDetail.File_Name + "</td>" +
"<td>" + value.Purchased_Category + "</td>" +
"<td>" + value.User1.Email + "</td>" +
"<td>" + value.NoteDetail.Sell_Price + "</td>" +
"<td>" + value.Req_Solved_Date + "</td>" +
"</tr>"
SetData.append(data);
});
},
error: function (err) {
alert("Error aa gai");
console.log(err.responseText);
}
});
});
});
</script>
public JsonResult MySoldNotes(string search_value)
{
// Do whatever and return json as result
}
List<BuyerReq> DATA = dc.BuyerReqs.Where(a => a.seller_id == ab && a.Status == true).AsQueryable().ToList();
return Json(DATA, JsonRequestBehavior.AllowGet);
var aa = "checking"; return Json(aa, JsonRequestBehavior.AllowGet);