Обработка строки с использованием DataTable и JavaScript. Создание таблицы из MySQL с переменными столбцами в WordPressJavascript

Форум по Javascript
Ответить
Anonymous
 Обработка строки с использованием DataTable и JavaScript. Создание таблицы из MySQL с переменными столбцами в WordPress

Сообщение Anonymous »

Я пытаюсь генерировать динамическую таблицу в WordPress, используя DataTables и шорткод. Консоль не показывает ошибок и отображает ответ Ajax. Таблица заполняется данными, но все еще написана «Обработка»
Введите описание изображения здесь < /p>
Я ищу решение моей проблемы. Ajax:
введите описание изображения здесь
my js file < /p>

Код: Выделить всё

      jQuery(document).ready(function($) {
$("#my-dynamic-table").DataTable({
"processing": true,
"serverSide": false,
"ajax": {
"url": my_plugin_ajax.ajax_url, // Ajax URL WordPressa
"type": "POST",
"dataType": "json",  // Określenie, że dane zwracane z serwera będą w formacie JSON
"data": function(d) {
d.action = 'get_new_data';
d.imie = my_plugin_ajax.imie; //$('#my-dynamic-table').data('id');
d.nazwisko = my_plugin_ajax.nazwisko; //$('#my-dynamic-table').data('name');
//d.city = $('#my-dynamic-table').data('city');
},
"error": function(xhr, status, error) {
console.error('AJAX Error:', status, error);
$('#table-body').html('
Error loading data. Status: ' + status + ', Error: ' + error + '
');
},
"success": function(response) {
// Funkcja success - działa, gdy dane zostały załadowane
if (response.success) {
console.log('Dane:', response.data);
console.log('Czy Tablica:',Array.isArray(response.data));
//////////////////////////
var tableBody = $('#table-body'); // Ciało tabeli
tableBody.empty(); // Wyczyść poprzednie dane
// Wyświetlamy dane w tabeli
response.data.forEach(function(item) {

//$('#table-body').empty();  // Czyszczenie poprzednich danych
// Dodaj nowe dane do tabeli - stale parametry
var row = $('');
row.append('' + item.id + '');

// Dodanie dynamicznych kolumn
if (item.imie) {
row.append('' + item.imie + '');
}
if (item.nazwisko) {
row.append('' + item.nazwisko + '');
}

row.append('' + item.czas + '');
row.append('');

tableBody.append(row);
});
//////////////////////////
} else {
alert("Brak danych do wyświetlenia.");
}
}
},
"paging": true,
"ordering": true,
"info": true,
});

// Automatyczne odświeżanie tabeli co 5 sekund
setInterval(function() {
$('#my-dynamic-table').DataTable().ajax.reload();
}, 5000);  // Odśwież co 5 sekund

});
Я был бы благодарен за ваши советы

Подробнее здесь: https://stackoverflow.com/questions/795 ... from-mysql
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»