JQuery JSON ответ в столбец таблицы

Question

Выдержка ниже является частью функции .ajax (), которую я использую для извлечения данных из базы данных.База данных запрашивается с использованием PHP, а выходные данные отправляются обратно в формате JSON.Функция возвращает только 1 строку данных.

success: function(data) {
    for(var key in data) {
        $("#formTable tr").find("td:eq(1)").text(data[key]);                            
    }
}

У меня есть HTML-таблица на странице, которая разбита на два столбца.В левом столбце есть метки полей, в правом столбце пусто.

Я бы хотел просмотреть свой ответ JSON для каждой пары ключ / значение.Я хотел бы вставить значение в правую ячейку таблицы столбцов.Код должен циклически повторяться, пока все пары ключ / значение не будут выведены в следующую строку таблицы, в следующую правую ячейку таблицы.

Приведенный выше код выбирает ячейку таблицы второго столбца, но вставляет последнее значение JSON ввсе ячейки вместо каждого значения входят в собственную ячейку таблицы в столбце.

Я думаю, что если я смогу правильно выбрать селектор, это сработает, я просто не уверен, что это должно быть ..

Спасибо.

Answer 1

Вы в основном выбираете все строки таблицы и второй тд из всего набора строк таблицы в каждой итерации, поэтому она не работает должным образом.

Предполагая, что ответ json имеет однозначное сопоставление ключей и метки полей в таблице, вы можете попробовать это.

success: function(data) {
    var fieldCount = 0,
        $tableRows = $("#formTable tr");
    for(var key in data) {
        $tableRows.eq(fieldCount++).find("td:eq(1)").text(data[key]);
    }
}