Iterating thorough JSON with jQuery/Javascript

Question

I am trying to fill a table with JSON data. When I run the following script I get only the last entry of 10. I must have to do some sort of .append() or something. I've tried to put this in but it just returns nothing.

$(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>"
        )
      };
    });
  });
});

Thank you,

Aaron

Can you post the actual json that you are getting back? My guess is that you aren't getting a json array. — Keith Rousseau
– Keith Rousseau, Commented Mar 29, 2010 at 20:09

mikefrey · Accepted Answer · 2010-03-29 20:09:33Z

2

Your code has the following:

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

which replaces the html content every time you call it. Try replacing that with:

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

answered Mar 29, 2010 at 20:09

mikefrey

4,7013 gold badges32 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Iterating thorough JSON with jQuery/Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related