無法使用 jquery 數據表在 html 表中顯示 Json 數據

Question

我有 C# function 返回我 Json 格式化數據，ZC1C425268E18385D1AB504C 如下

  void DisplayProjectMasterList()
        {
            string JSONString = "";
            DataTable Dt = DB.GetDataTable("Sp_GetProjectMasterList");
            if (Dt.Rows.Count > 0)
            {
                JSONString = JsonConvert.SerializeObject(Dt);
            }
            Context.Response.Write(JSONString);
    
        }


and I am Calling This Function Via Ajax  .in console i am getting json data  But i dont know how to pass it to Jquery data table to display.. below is the javascript function... please help Me

function DisplayProjectMasterList() {
    $.ajax({
        url: 'project-master.ashx',
        type: "POST",
        dataType: 'json',
        data: {
            'fun': 'DisplayProjectMasterList'
        },
        success: function (data) {
            console.log(data);
            if (Chk_Res(data.errorMessage) == false) {
                    $('#tbl').dataTable({
                        paging: true,
                        sort: true,
                        searching: true,
                        scrollY: 200,
                        data: data,
                        columns: [
                            { 'data':data.Prj_Id },
                            { 'data':data.Prj_No },
                            { 'data':data.Prj_Name },
                            { 'data':data.Cus_Company_Name },
                            { 'data':data.Prj_StartDate },
                            { 'data':data.Prj_CompletionDate },
                        ]

                    });
               
             }
        }
        
    });
}

我這樣做時遇到以下錯誤：

DataTables 警告：表 id=tbl - 請求第 0 行第 0 列的未知參數“0”。有關此錯誤的更多信息，請參閱http://datatables.net/tn/4

Answer 1

您好，請確保您返回的數據格式如下：

{
  "data": [
    {
     "Prj_Id": 1,
      "Prj_No": 1,
      "Prj_Name": "name",
      "Cus_Company_Name": "company",
      "Prj_StartDate": "2011/04/25",
      "Prj_CompletionDate": "2011/04/25"
    },
{
      "Prj_Id": 1,
      "Prj_No": 1,
      "Prj_Name": "name",
      "Cus_Company_Name": "company",
      "Prj_StartDate": "2011/04/25",
      "Prj_CompletionDate": "2011/04/25"
    }
  ]
}

jquery Datatables by default looks for data property for the array of objects https://datatables.net/reference/option/ajax.dataSrc https://datatables.net/examples/ajax/objects.html