javascript - jQuery not parsing JSON properly - Stack Overflow

admin管理员组

文章数量:1278918

I have a problem. I built a script to make a request to an internal link that sends back a response. This is what the script looks like:

jQuery.get(callUrl, function(data) {
  console.log(typeof data);
  jQuery.each(data.items, function(i, item) {

    console.log(i);
  });
}, 'json');

and the response that the server sends back looks like this:

{"items":[            
  {
   "src": "gallery_item_data_Jc4EaLP6vlwd_large.jpg",
   "id": "83",
   "gallery_id": "30",
   "username": "admin"
  }]
}

My problem is when I parse the "data" its type is always string. I need for it to be an object so that I can query it and parse it with my script. To get to the bottom of the problem, I've tried paring my script to the example on jQuery's documentation page:

.getJSON

The main differences with the request on this page and my request is that it uses the getJSON method. When I tried to use that with the url to my server, I have gotten no response at all, so that is the main reason I opted for the get method, and specifying the return type as "json."

Another thing I tried: I checked out the Flickr feed that the jQuery example uses to look for the Content-type header that it sends back, thinking maybe my feed had the wrong header, and it is this on the Flickr feed:

Content-Type    application/x-javascript; charset=utf-8

This is exactly the same header on my own feed. So I am puzzled. Does anyone know why this is happening?

I have a problem. I built a script to make a request to an internal link that sends back a response. This is what the script looks like:

jQuery.get(callUrl, function(data) {
  console.log(typeof data);
  jQuery.each(data.items, function(i, item) {

    console.log(i);
  });
}, 'json');

and the response that the server sends back looks like this:

{"items":[            
  {
   "src": "gallery_item_data_Jc4EaLP6vlwd_large.jpg",
   "id": "83",
   "gallery_id": "30",
   "username": "admin"
  }]
}

My problem is when I parse the "data" its type is always string. I need for it to be an object so that I can query it and parse it with my script. To get to the bottom of the problem, I've tried paring my script to the example on jQuery's documentation page:

http://docs.jquery./Ajax/jQuery.getJSON

The main differences with the request on this page and my request is that it uses the getJSON method. When I tried to use that with the url to my server, I have gotten no response at all, so that is the main reason I opted for the get method, and specifying the return type as "json."

Another thing I tried: I checked out the Flickr feed that the jQuery example uses to look for the Content-type header that it sends back, thinking maybe my feed had the wrong header, and it is this on the Flickr feed:

Content-Type    application/x-javascript; charset=utf-8

This is exactly the same header on my own feed. So I am puzzled. Does anyone know why this is happening?

• javascript
• jquery
• json
• ajax

Share Improve this question Follow edited Dec 19, 2019 at 10:35 Mickael Lherminez 69511 gold badge1111 silver badges3030 bronze badges asked Dec 17, 2008 at 16:44 picardopicardo 24.9k3333 gold badges108108 silver badges156156 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

The JSON needs to have brackets around it, so it should be:

({"items":[            
  {
   "src": "gallery_item_data_Jc4EaLP6vlwd_large.jpg",
   "id": "83",
   "gallery_id": "30",
   "username": "admin"
  }]
})

You should then be able to use getJSON, as this is the easiest way to get the data as an object. However, you can also eval() the string and that will return an object.

Have you tried building an object of that string by calling the JavaScript eval() function? If you first call eval(data) in your callback function it should give you an object.

本文标签： javascriptjQuery not parsing JSON properlyStack Overflow