Jquery數據表正在顯示消息沒有找到匹配記錄

Question

我想將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" } 
      ] 
     }); 

} 

Answer 1

我也使用數據表中的數據綁定，但我使用JQuery後函數來獲取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); 
    } 

更新了代碼..