Использование AJAX XMLHttpRequest для заполнения тела DataTable ⇐ Php

[Anonymous]

Раньше я просто отправлял страницу самому себе, чтобы все загрузить, и все работало нормально, я просто не хочу использовать все обновления страницы, поэтому я перенес большую часть своего контента на AJAX. Я часами играл с разными вещами и не знаю, что делать на этом этапе.

У меня есть два поля выбора. После того, как оба были выбраны, я использую запрос AJAX (вызов функции PHP) для заполнения таблицы данных. После вызова таблица всегда будет заполнена хотя бы одной строкой (обычно несколькими строками). Я использую html для создания строк таблицы вместо использования rows.add(). Причина этого, честно говоря, не знаю, как передать данные для строк обратно (потому что мне нужно передать несколько строк после того, как они были запрошены из БД) из функции PHP в javascript, где я могу использовать rows.add(). Таблица заполняется отлично.

Первая проблема заключается в том, что строки не форматируются по заголовку (они не выравниваются по заголовку).

Вторая проблема заключается в том, что после такого заполнения я теряю функцию одиночного выбора (которая работала, когда я отправлял страницу самому себе для загрузки таблицы). Я предполагаю, что это связано с тем, что я заполняю таблицу ПОСЛЕ того, как она была инициализирована без использования rows.add().

Любой ввод будет оценен.

Здесь я вызываю файл php и помещаю данные в тело таблицы по идентификатору.

function requestData(url, cfunc) {
if (typeof url == 'undefined' | typeof cfunc == 'undefined')
{
return;
}
else{
var xhttp;
xhttp=new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
cfunc(xhttp);
}
};
xhttp.open("GET", url, true);
xhttp.send();
}
}

function getSerialNumberTableBody(xhttp) {
document.getElementById("serialNumberTableBody").innerHTML = xhttp.responseText;
}


Подробнее здесь: https://stackoverflow.com/questions/357 ... -datatable