通过API通过JSON填充数据表

时间:2019-03-12 09:23:17

标签: javascript jquery html api datatable

我似乎无法将数据放入数据表中

我有一个输入字段和一个按钮。当我按下按钮时,我想用API中的特定数据填充数据表。

函数如下:

$(document).ready(function() {
$('#btn').click(function() {
        $('#example').DataTable({
    "processing" : true,
    "ajax" : {
        "url" : "https://cvrapi.dk/api?search="+$('#cvrInput').val()+"&country=dk",
        dataSrc : ''
    },
    "columns" :  [
       {data : "vat"}
    ,
       {data : "name"}
    ,    
       {data : "address"}
    ]
 });
});

});

正确调用了api,但表未填写。

表html:

<table id="example" class="display" cellspacing="0" width="100%">
 <thead>
     <tr>
         <th>CVR</th>
         <th>Navn</th>
         <th>Adresse</th>
     </tr>
    </thead>

1 个答案:

答案 0 :(得分:0)

您要将ajax响应转换为纯数组,请参见此处的文档注释

  

使用dataSrc通过Ajax从文件中获取JSON数据,   普通数组,而不是对象中的数组:

我认为您只需要一个URL

$(document).ready(function() {
$('#btn').click(function() {
        $('#example').DataTable({
    "processing" : true,
    "ajax" : "https://cvrapi.dk/api?search="+$('#cvrInput').val()+"&country=dk",
   });
  });
});

请参见示例here