如何用json填充jquery数据表？

我使用jQuery的数据表在我的应用程序，插件链接https://datatables.net/如何用json填充jquery数据表？

我想填充我的JSON数据表，但我failed.here是我的代码。

HTML：

<table id="example" class="display" width="100%" cellspacing="0"> 
          <thead> 
          <tr> 
           <th>id</th> 
           <th>Name</th> 
           <th>Code</th> 
           <th>Description</th> 
           <th>isActive</th> 
          </tr> 
          </thead> 
          <tfoot> 
          <tr> 
           <th>id</th> 
           <th>Name</th> 
           <th>Code</th> 
           <th>Description</th> 
           <th>isActive</th> 
          </tr> 
          </tfoot> 
          <tbody> 
          </tbody> 
         </table>

JS：

$(document).ready(function() { 
    console.log("hi ready"); 
    $('#example').DataTable({ 

     retrieve: true, 
     ajax: { 

      url: '/ProductLicensingApplication/feature/list', 
      dataSrc: '' 
     }, 

     "columns": [ 
      { "data": "id" }, 
      { "data": "name" }, 
      { "data": "code" }, 
      { "data": "description" }, 
      { "data": "isActive" } 
     ] 
    }); 
});

的json

，但我不能来填充数据插入表作为表显示没有可用数据桌子..你可以看到图像

请告诉我在我的代码中有什么问题...

来源

2017-04-21 Ahmad

你的控制台日志中是否有错误信息？在这个例子中，你可以找到[这里]（https://datatables.net/examples/data_sources/ajax.html），他们使用与你一样的方法，但是他们没有在javascript中定义列。只在html中。您的''也应该删除，或者至少在''之前。由于示例中不包含''，我想你可以将其删除。 –

不，我没有得到控制台中的任何错误，我已经看到了这个例子，但它的Ajax数据是从我的JSON数据不同 – Ahmad

正如documentation写的那样。 ajax.dataSrc选项用于告诉DataTables数据数组处于JSON结构中。一个空字符串是一个特殊情况，它告诉DataTables期待一个数组。

在你的情况JSON是一个对象，你应该设置dataSrc : 'features'

来源

2017-04-21 07:10:19

谢谢你的工作... – Ahmad

艾哈迈德，

任一组dataSrc : 'features'或者如果可能的响应数据重命名的属性名称“功能”到“数据”。

来源

2017-04-21 07:12:43 anusreemn

谢谢... upvoted – Ahmad

如何用json填充jquery数据表？

回答

相关问题