從API用JSON填充數據表

Question

我似乎無法將數據放入數據表中：

我有一個輸入字段和一個按鈕。 當我按下按鈕時，我想用來自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>

Answer 1

您正在將ajax響應轉換為純數組，請參見此處的文檔注釋

使用dataSrc通過Ajax從文件中獲取JSON數據，使用dataSrc從普通數組而不是對象數組中讀取數據：

我認為您只需要一個URL

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

在這里查看示例