无法使用 datatable.js Ajax 添加行

Question

我尝试使用 datatable.js ajax 创建表。 我从 webmethod 获取数据，但是，结果没有添加到表中。

JS方法

 function getMyData() {
            alert('d');
            $.ajax({
                type: "POST",
                url: "AssignHistory.aspx/getModemAssign ",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: buildMyDatatable,
                error:
                    function (msg) {
                        alert(msg.status + " " + msg.statusText);
                    }
            });

            function buildMyDatatable(result) { 
                var data = JSON.stringify(result.d);
                $('#gvAssgin').dataTable({
                    retrieve: true,
                    JSON:data,
                    columns: [
                            { data: "ModemId" },
                            { data: "ModemName" }
                    ]
                }); 
            }
        } 

HTML 代码

   <table id="gvAssgin">
      <thead>
        <tr>
             <th>
                   Modem ID 
             </th>
             <th>
                   Modem Name 
             </th>
         </tr>
   </thead>                                 

我得到的结果是，

等待回复

Answer 1

JavaScript 来源数据的正确选项是data。也不需要再次使用JSON.stringify(result.d) 生成 JSON，只需将数组传递给 jQuery DataTables。

请参阅下面的更正代码：

$('#gvAssgin').dataTable({
    data: result.d,
    columns: [
       { data: "ModemId" },
       { data: "ModemName" }
    ]
});