Datatables — добавить строки с помощью PHP

У меня проблема с jquery и datatables. Я хочу получить информацию для таблицы данных из базы данных mysql с PHP и после этого обновить таблицу данных с этой информацией.

Я уже пробовал это с чем-то вроде этого:

var datatable = $("#example").DataTable();
$.get('load_session_overview.php', function(newDataArray) {
     //datatable.clear();
     datatable.row.add(['Random','12','18','Menu']);
     datatable.row.add([newDataArray]);
     datatable.draw();
});

Первая строчка с добавкой работает нормально, но я не знаю, как правильно форматировать данные в php-скрипте.

И если я получаю больше строк из php-скрипта, как я могу добавить их все в таблицу?

Спасибо, Фил

Как вы сейчас пытаетесь их отформатировать? В этом данные на странице или запрос XHR?

challet 15.01.2023 12:37

Данные на странице - я уже пробовал следующие варианты: $string = "'SR Reload','95','112','MenuItems'"; и $string = array('SR Reload','95','112','MenuItems'); или также пробовал json_encode

PhilT 15.01.2023 12:46
Поведение ключевого слова "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
2
51
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Один из способов правильно отформатировать данные в PHP-скрипте — вернуть их в формате JSON. Вы можете использовать функцию json_encode() в PHP для преобразования ваших данных в строку JSON.

Например:

<?php
$data = array(
array('Random','12','18','Menu'),
array('Data1','13','19','Menu2'),
array('Data2','14','20','Menu3')
);
echo json_encode($data);
?>

Затем в своем коде jQuery вы можете использовать метод JSON.parse() для преобразования строки JSON в объект JavaScript и циклического просмотра данных для добавления каждой строки в таблицу.

$.get('load_session_overview.php', 
 function(newDataArray) {
  var data = JSON.parse(newDataArray);
  for(var i = 0; i < data.length; i++) {
    datatable.row.add(data[i]);
  }
  datatable.draw();
});

Кроме того, вы можете использовать вызов ajax и передать ему данные, чтобы загрузить их в таблицу данных, а также вы можете использовать вызов ajax для обновления таблицы данных.

$.ajax({
 url: "load_session_overview.php",
 type: "GET",
 dataType: "json",
 success: function (data) {
   datatable.clear();
   datatable.rows.add(data);
   datatable.draw();
 }
});

Таким образом, вы можете загружать данные в таблицу данных, а также обновлять их.

Есть несколько способов добиться этого, например

php пишет код javascript в теге html script

см. Как распечатать массив JSON внутри тега скрипта?

XHR-запрос

см. Отображение данных JSON в HTML

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