How can I "Parse" array returned by ajax?

Question

I have 3 spans on my page that contain numbers. On click of a button I would like to retrieve an ajax response, and if the response is valid (it should be an array of 3 elements) I would like to update the numbers in these spans. Could you please recommend a solution via jQuery?

Thank You.

Matthew Flaschen · Accepted Answer · 2011-03-04 05:01:54Z

2

$.getJSON(url, function(resp)
{
  var list = resp.list;
  if(!list)
  {
    throw new Exception("list is not set");
  }
  for(var i = 0; i < list.length; i++)
  {
    $('#span' + (i + 1)).text(list[i]);
  }
});

if the spans have ids span1, span2, and span3. See $.getJSON for more information. Note that you can add error handling by using $.ajax instead.

answered Mar 4, 2011 at 5:01

Matthew Flaschen

286k53 gold badges523 silver badges554 bronze badges

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

2 Comments

BugBusterX Over a year ago

Thank you for your help. Quick question: what should a resp string look like?

Matthew Flaschen Over a year ago

By the time it gets to your callback, it's no longer a string. However, before jQuery parses it, it will look like {"list": ["foo", "bar", "baz"]}

bearing09 · Accepted Answer · 2011-03-04 05:08:15Z

0

You can just implement this by usig jQuery.getJson(url,callback(data,textStatus)) .

for example :

$.getJSON(url, function(data,textStatus){ var spanValues = data.list; $('#span_Id').text(spanValues [i]); ...

});

answered Mar 4, 2011 at 5:08

bearing09

7295 silver badges5 bronze badges

1 Comment

bearing09 Over a year ago

It's trivial question ,and the answer from Mattew Flaschen is same but better one.

Collectives™ on Stack Overflow

How can I "Parse" array returned by ajax?

2 Answers 2

2 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Related