jQuery 数据表 - JSON 输入未显示在页面上

Question

我的 JSON 控制器输出如下：

{"subscribers":"[{\"code\":\"Code1\",\"name\":\"Name1\",\"id\":539,\"companyId\":\"CD1\",\"acctNum\":\"Dell\"},{\"code\":\"Code2\",\"name\":\"Name2\",\"id\":540,\"companyId\":\"CD2\",\"acctNum\":\"Dell1\"}]"}

它是来自控制器的输出变量“data” 'three.htm' :

$("#getName").click(function() {
     $.getJSON("three.htm", function(data) {
         })
         .fail(function( jqxhr, textStatus, error ) {
         var err = textStatus + ', ' + error;
         alert(err);
         console.log( "Request Failed: " + err);
         })
         .success(function(data){
             console.log("loadDataTable >>  "+JSON.stringify(data));
             loadDataTable(data);
         })
 });

 function loadDataTable(data){
     $("#recentSubscribers").dataTable().fnDestroy(); 
     var oTable = $('#recentSubscribers').dataTable({
         "aaData" : data,
         "processing": true,
        "aoColumns" : [
           {"mData" : "code" },
          { "mData" : "name" },
          { "mData" : "id" },
          {"mData" : "companyId" },
          {"mData" : "acctNum" }
           ]
        });
     }

但是，数据表没有显示任何结果。

在尝试了很多方法后几乎卡在这里了。请帮忙

Answer 1

您的 JSON 基本上只是一个包含一项的对象，subscribers，包含一个长字符串。您需要将该字符串解析为 JSON，然后才能将其插入数据表：

...
"aaData" : JSON.parse(data.subscribers),
...

你的代码在这里工作 -> http://jsfiddle.net/x5n94dqv/

jQuery 数据表 - JSON 输入未显示在页面上

jQuery dataTables - JSON input not displaying on page

jquery

json

datatables

jquery-datatables