Итерация тщательного JSON с jQuery / Javascript

Question

Я пытаюсь заполнить таблицу данными JSON. Когда я запускаю следующий скрипт, я получаю только последнюю запись из 10. Мне нужно сделать что-то вроде .append() или что-то в этом роде. Я пытался вставить это, но он просто ничего не возвращает.

$(function() {
  $('#ReportedIssue').change(function() {
    $.getJSON('/CurReport/GetUpdatedTableResults', function(json) {
      //alert(json.GetDocumentResults.length);
      for (var i = 0; i < json.GetDocumentResults.length; i++) {
        $('#DocumentInfoTable').html(
          "<tr>" +
          "<td>" + json.GetDocumentResults[i].Document.DocumentId + "</td>" +
          "<td>" + json.GetDocumentResults[i].Document.LanguageCode + "</td>" +
          "<td>" + json.GetDocumentResults[i].ReportedIssue + "</td>" +
          "<td>" + json.GetDocumentResults[i].PageNumber + "</td>" +
          "</tr>"
        )
      };
    });
  });
});

Спасибо,

Aaron

Answer 1

Ваш код имеет следующий код:

$('#DocumentInfoTable').html(...);

, который заменяет HTML-контент при каждом его вызове. Попробуйте заменить это на:

$('#DocumentInfoTable').append(...);