У меня есть этот div в моем HTML:
Внесены изменения:и я просматриваю объект Javascript и хочу добавить несколько строк с содержимым объекта, который является динамическим, у меня есть следующий код:
function pedirDatosTexto(ct){
var cam= JSON.parse(ct);
$.each(cam.cambios, function(x, it) {
var nombreTarjeta= it.nameCard;
var nombreLista= it.nameList;
var nombreListaNueva= it.nameListCambiada;
var tableObj = document.getElementById(tablaRes);
var celda= '" "nombreTarjeta+ " : "+ nombreLista+" Cambia a"+nombreListaNueva+" "';
});
};
Я действительно не знаю, как вы приносите данные или как устроена ваша таблица, но в общих чертах, если вы приносите файл через вызов AJAX , это будет примерно так (это также относится к локальным вызовам):
Здесь я покажу вам пример использования динамически сгенерированной таблицы.
Использование массива для заполнения значений
TD
:Здравствуйте, у меня это сработало следующим образом, в своем HTML вы вводите таблицу таким образом:
Таким образом мы определяем заголовки, которые будут содержать наши столбцы (Title 1, Title2 и т.д.), в id "MyTable" мы заполним столбцы Javascript, сделав запрос к нашему php файлу через AJAX, он будет выглядеть как это:
Мы используем $.each для прохождения ответа AJAX, и мы используем данные, полученные через элемент «item», через переменную списка мы указываем, что он будет содержать элемент с id myTable, затем мы создадим элемент tr, Элемент tr будет содержать элементы th, которые мы создаем с помощью переменных column1, column2 и т. д. и с помощью column1.innerHTML = item.data1; мы указываем, какое значение или данные будет содержать этот столбец, используя полученное из запроса с помощью item.dato1 или имя, которое имеют данные, наконец, мы добавляем элементы, созданные с помощью appendChild, сначала добавляя tr к переменной списка, а затем столбцы в переменную tr, чтобы они оставались внутри нее.
Я надеюсь, что это полезно для вас, с уважением.