Jquery 数据表显示消息未找到匹配记录答案

【问题标题】：Jquery Data table is showing message No matching records foundJquery 数据表显示消息未找到匹配记录
【发布时间】：2015-12-29 09:30:55
【问题描述】：

我想将接收到的json数据绑定到jquery数据表中。我有以下问题。 1. 我的 HTML 代码正确吗？ 2.接收到的Json数据格式是否正确？ 3. 我是否使用正确的脚本来渲染jquery数据表，请帮忙。

我附上代码以及收到的数据的屏幕截图。

public JsonResult This_is_final(int FirstNameCount, int LastNameCount, int TotalSalary, int GenderCount)
        {
            List<Counting> l = new List<Counting>();
            l.Add(new Counting() { FirstNamecount = FirstNameCount, LastNamecount = LastNameCount, Salary = TotalSalary, Gendercount = GenderCount });
            //System.Web.Script.Serialization.JavaScriptSerializer jSearializer = new System.Web.Script.Serialization.JavaScriptSerializer();

            //string aaData = jSearializer.Serialize(l);
            //Console.WriteLine(FirstNameCount + "" + LastNameCount + "" + TotalSalary + "" + GenderCount);
            // aaData = "{\"data\": " + aaData + "}";
            var todoListsResults = l.Select(
                 a => new
                 {

                     a.FirstNamecount,
                     a.LastNamecount,
                     a.Salary,
                     a.Gendercount

                 });

            var jsonData = new
            {
               iTotalRecords= "54",
               iTotalDisplayRecords="22",
               aadata = todoListsResults
            };
            return Json(jsonData, JsonRequestBehavior.AllowGet);


        }


Jquery script:-

function callme(fncount, lncount, i, gndr) { 


        $('#example').dataTable({
            "ajax": {
                url: "/TodoList/This_is_final",
                type: "POST",
                data: {
                    'FirstNameCount': fncount, 'LastNameCount': lncount, 'TotalSalary': i, 'GenderCount': gndr
                },
                dataSrc: function (json) {

                    alert(JSON.stringify(json));
                    return { "data":json };
                }
            },
            "processing": true,
            "serverSide": true,
            "ordering": false,
            "searching": true,
            "columns": [
                 { "mdata": "FirstNamecount" },
                 { "mdata": "LastNamecount" },
                 { "mdata": "TotalSalary" },
                 { "mdata": "GenderCount" }
            ]
        });

}

【问题讨论】：

嗨@Baji 你已经有解决方案了吗？

标签： jquery json asp.net-mvc datatable datatables

【解决方案1】：

我也使用数据表进行数据绑定，但我使用 JQuery post 函数来获取 JsonResult 数据

$.post("../TodoList/This_is_final", { "FirstNameCount": fncount, "LastNameCount": lncount},
    function (data) { if (data != null) {
           var table = $("#example").dataTable({
                        "iDisplayLength": 10,
                        "aaData": data,
                        "aoColumns": [
                                  { "sTitle": "First Name", "sWidth": "20%"},
                                  { "sTitle": "Last Name", "sWidth": "20%"}]
})} }

在视图中

public JsonResult This_is_final(int FirstNameCount, int LastNameCount)
    {
        List<Counting> l = new List<Counting>();
        l.Add(new Counting() { FirstNamecount = FirstNameCount, LastNamecount = LastNameCount });
          var todoListsResults = l.Select(
             a => new[]
             {

                 a.FirstNamecount,
                 a.LastNamecount,                     
             }).ToArray();

       return Json(todoListsResults, JsonRequestBehavior.AllowGet);
    }

更新了你的代码..

【讨论】：