javascript - 使用 JSON 的 jquery 数据表

Question

我正在使用 datatables jQuery 插件在表格中很好地显示数据。我通过单击按钮发出 ajax 请求，然后运行返回 JSON 的 php 脚本。

这是我的代码:

 $('#searchInSugar').button().on('click', function (e) {
                    var searchTxt = $('#searchEntry').val();
                    var moduleName = $('#moduleSelect').val();

                    if (!searchTxt.trim() || searchTxt.length === 0) {
                        alert("Please provide some search text string..");
                        return false;
                    }
                    if (moduleName === "select") {
                        alert("Please select a module..");
                        return false;
                    }
                    $.ajax({
                        type: 'POST',
                        url: "fetch_records.php",
                        data: {"searchText": searchTxt,
                            "module": moduleName},
                        success: function (data) {                            
                            obj = JSON.parse(data);

                            $(document).ready(function () {
                                $('#dialog_entry_table').DataTable({
                                    "info": false,
                                    data: data,
                                 columns: [
                                        {"records": "id"},
                                        {"records": "name"},
                                        {"records": "account_name"}
                                    ]
                                });
                            });
                        },
                        error: function (exception) {
                            alert('Exeption:' + exception);
                        }
                    });
                });

这是我从 php 脚本获取的 json。

 {  
   "next_offset":-1,
   "records":[  
      {  
         "id":"a54e81f8-72b2-ae9b-d526-5608761a28e8",
         "name":"Mr. James Smith",
         "date_modified":"2015-09-27T23:52:29+00:00",
         "account_name":"",
         "_acl":{  
            "fields":{  

            }
         },
         "_module":"Contacts"
      },
      {  
         "id":"b8ec2e0a-ade1-f70f-d722-56098e5c4370",
         "name":"james bond",
         "date_modified":"2015-09-28T22:50:56+00:00",
         "account_name":"",
         "_acl":{  
            "fields":{  

            }
         },
         "_module":"Contacts"
      },
      {  
         "id":"4de93888-155c-7e59-9c4b-56058f1b7ce9",
         "name":"Mr. James Bond",
         "date_modified":"2015-09-28T01:50:49+00:00",
         "account_name":"OSSG",
         "_acl":{  
            "fields":{  

            }
         },
         "_module":"Contacts"
      }
   ]
}

现在，我只想在表中显示 id、name 和 account_name，但我很难实现这一目标，有人可以帮助/建议我在这里做错了什么吗？

这是我收到的错误:

Answer 1

尝试:

    var dt = [];
    $.each(data.records,function(i,v) {
    dt.push([v.id,v.name,v.account_name]);
    });
   $('#dialog_entry_table').DataTable({
            "info": false,
             data: dt,
             columns: [
                {"title": "id"},
                {"title": "name"},
                {"title": "account_name"}
            ]
      });

jsfiddle:https://jsfiddle.net/bwqfq2gr/1/