Данные не загружены в datatable

Я использовал следующий код для загрузки данных с помощью ajax. Данные не загружаются в базу данных,

$('#new_table').DataTable({
    "processing": true,
    "serverSide": true,
    "ajax":{
    "url": "<?php echo base_url();?>index.php/Members/membergetajax",
    "dataType": "json",
    "type": "POST",
    "dataSrc": "",
    },
    "lengthMenu": [5, 10, 20, 50, 100],
    "pageLength": 5,
    "columnDefs": [{
        "className": "dt-center", "targets": 0
    },{
        "className": "dt-center", "targets": 1
    },{
        "className": "dt-center", "targets": 2
    }],
    "columns": [
        { "data": "id"},
        { "data": "first_name" },
        { "data": "member_id" }
    ]   
});

данные из ajax находятся в формате

 "data":[
     {"id":"1","first_name":"Arun","member_id":"Mem01"},
     {"id":"2","first_name":"Dinesh","member_id":"  Mem02 "},
     {"id":"3","first_name":"Ramesh  ","member_id":"Mem03 "},
     {"id":"4","first_name":"Mahesh ","member_id":"Mem04 "},
     {"id":"5","first_name":"Rajesh ","member_id":"Mem05"}
 ]

Пожалуйста, помогите мне найти проблему, заранее спасибо

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
45
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Попробуйте добавить свойство name.

"columns": [
    { "data": "id", "name":"id"},
    { "data": "first_name", "name": "first_name" },
    { "data": "member_id" , "name": "member_id" }
]   

если вы отправляете параметры в верхнем регистре, попробуйте также так: {"data": "id", "name": "Id"},

Ответ принят как подходящий

Согласно документация у вас есть две возможности:

  • установите dataSrc в данные -> "dataSrc": "data"
  • ваш вызов ajax должен возвращать только значение данные:

    [{
       "id": "1",
       "first_name": "Arun",
        "member_id": "Mem01"
    }, {
       "id": "2",
       "first_name": "Dinesh",
       "member_id": "  Mem02 "
    }, {
        "id": "3",
        "first_name": "Ramesh  ",
        "member_id": "Mem03 "
    }, {
        "id": "4",
        "first_name": "Mahesh ",
        "member_id": "Mem04 "
    }, {
        "id": "5",
        "first_name": "Rajesh ",
        "member_id": "Mem05"
    }]
    

Другие вопросы по теме