Заполнение данных с помощью json из API

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 в обычный массив, см. Комментирование документа здесь

Получить данные JSON из файла через Ajax, используя dataSrc для чтения данных из простой массив, а не массив в объекте:

я думаю, что вам просто нужен URL

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

см. Пример здесь