Error parsing fetched JSON with jQuery

Question

I'm trying to parse a JSON file with jQuery. I want to return each image_url in the new category (minus the first character) and put the image on the page.

Here's my code

function redo () {
$('#init').addClass('disabled');
$.getJSON('http://server/new/sample.json', function(data) {
    $.each(data.products_and_categories.new, function(item){
      $("<img/>").attr("src", "http://d2flb1n945r21v.cloudfront.net/production/uploaded/style/" + item.image_url.substring(1)).appendTo("#items");
    });
  });
$('#init').removeClass('disabled');
};

and it returns this error in the chrome inspector

Uncaught TypeError: Cannot call method 'substring' of undefined

Why is it undefined?

Also...when developing and you have an issue, probably easiest to use unminified versions of jQuery... — Ohgodwhy
– Ohgodwhy, Commented Mar 18, 2013 at 0:59

John S · Accepted Answer · 2013-03-18 00:58:54Z

5

The first parameter to the callback function for $.each() is the index, the second parameter is the value.

Try:

$.each(data.products_and_categories.new, function(index, item){

answered Mar 18, 2013 at 0:58

John S

21.5k9 gold badges50 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

Error parsing fetched JSON with jQuery

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