Javascript 使用AJAX在.NETMVC中搜索。我能为以下代码做些什么?

Javascript 使用AJAX在.NETMVC中搜索。我能为以下代码做些什么?,javascript,ajax,asp.net-mvc,search,Javascript,Ajax,Asp.net Mvc,Search,我想用AJAX进行搜索。我只是通过在控制器中传递搜索字符串来使用get方法,但这不是我想要的 在我的控制器代码下面,我从URL获取搜索值并返回数据(这是一个列表) 下面是我在视图中编写的脚本。我错在哪里?我不知道。我希望任何列表都有我输入的任何搜索的帮助。要打印在表格中。表就在这个脚本的上面;我不认为这是必要的,所以我没有包括在内 $(文档).ready(函数(){ $(“#搜索按钮”)。在(“单击”上,函数(){ var search_value=$(“#searchText”).val()

我想用AJAX进行搜索。我只是通过在控制器中传递搜索字符串来使用get方法,但这不是我想要的

在我的控制器代码下面,我从URL获取搜索值并返回数据(这是一个列表)

下面是我在视图中编写的脚本。我错在哪里?我不知道。我希望任何列表都有我输入的任何搜索的帮助。要打印在表格中。表就在这个脚本的上面;我不认为这是必要的,所以我没有包括在内


$(文档).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);