Получение запрашиваемого неизвестного параметра '0' для строки 0 Ошибка на стороне сервера таблиц данных

Question

Это часто задаваемый вопрос, но я не нашел решения в существующих темах. Обычно это указывает на несоответствие между заголовками и ячейками, но я считаю, что это не так. Может быть, я просто смотрю мимо этого ...

Мой JSON ...

{"draw": 1, "recordsTotal": 5, "recordsFiltered": 5, "data": [{"fName":"Ida","lName":"Black"},{"fName":"Gwen","lName":"Sharp"},{"fName":"Sharon","lName":"Sullivan"},{"fName":"Claudette","lName":"Tidwell"},{"fName":"Ellie","lName":"Westman"}]}

Мой HTML ...

                      <table id="datatable_tabletools" width="100%">
                            <thead>
                                <tr>
                                    <th>fName</th>
                                    <th>lName</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>fName</th>
                                    <th>lName</th>
                                </tr>
                            </tfoot>
                      </table>

Мой JS ...

$('#datatable_tabletools').dataTable({
        "processing": true,
        "serverSide": true,
        "data": "../contacts/returnjson"
    });

Есть идеи, почему я получаю эту ошибку?

Answer 1

Необходимо указать имена свойств данных для каждого столбца, используя параметр columns.data.

Также вам следует использовать опцию ajax.url для определения URL источника данных, если вы используете данные из Ajax-источника.

Например:

$('#datatable_tabletools').dataTable({
   "processing": true,
   "serverSide": true,
   "ajax": {
      "url": "../contacts/returnjson"
   },
   "columns": [
      { "data": "fName" },
      { "data": "lName" }
   ]
});