Мои данные, которые отображаются «Нет данных в таблице». Моя веб-панель работает отлично и возвращает строку json. Что мне не хватает?

Question

Это мой код JavaScript. Мой идентификатор таблицы - tblEmployee.

$(document).ready(function(){ 
    $('#tblEmployee').DataTable({  
     ajax: { 
      "url": "http://localhost:57507/api/Employee/Get", 
      "dataSrc": "" 
     }, 
     columns : [{ data: 'Employee_Id' }, { data: 'Project_Id' }, { data:  'Grade_Id' }, { data: 'Site_Id' },{ data: 'Location_Id' },{ data: 'StartDate' }, { data: 'EndDate' }, { data: 'BillRate' }, { data: 'Role' }, 
     ] 
    }); 
}); 

Это данные из моей базы данных, веб-API-вызовы:

Answer 1

Это потому, что вы устанавливаете dataSrc = "". По data-tables docsdataSrc должно быть установлено пустую строку, если вы читаете через ajax из файла. Так как вы получаете доступ к API, чтобы получить строку JSON попробовать что-то вроде этого

А работает js fiddle (с другим УУР)

var url = 'http://localhost:57507/api/Employee/Get'; 

var table = $('#example').DataTable({ 
    'processing': true, 
    'serverSide': true, 
    'ajax': { 
     type: 'POST', 
     'url': url, 
     'data': function(d) { 
      console.log(d.order); 
      return JSON.stringify(d); 
     } 
    }, 
    columns: [{ 
     data: 'Employee_Id' 
    }, { 
     data: 'Project_Id' 
    }, { 
     data: 'Grade_Id' 
    }, { 
     data: 'Site_Id' 
    }, { 
     data: 'Location_Id' 
    }, { 
     data: 'StartDate' 
    }, { 
     data: 'EndDate' 
    }, { 
     data: 'BillRate' 
    }, { 
     data: 'Role' 
    }, ] 

});