ansaurus

Question

Problem Fetching JSON Result with jQuery in Firefox and Chrome (IE8 Works)

Answer 1

+3 A:

Have you considered using the more flexible $.ajax? I would break it down there and see if the default $.getJSON is not providing you with exactly what you need.

$.ajax({
   url: 'results.json',
   type: 'GET',
   dataType: 'json',
   success: function(data, status)
   {
       alert(data);
   }
});

Would be the equivalent ajax 'parent' implementation. Try mucking around and see if there is a specific property you need to set.

Tejs 2010-04-29 13:57:10

I took this suggestion and updated the code above.

senfo 2010-04-30 16:48:39

What about adding a handler for an error case also to see if that's what's happening?

justkt 2010-04-30 17:11:17

That's actually something I hadn't heard of, before. I implemented it this way: http://api.jquery.com/ajaxError/Is that what you had in mind? I updated my HTML (above) to show my implementation.

senfo 2010-04-30 17:28:17

You would add `error: function(data: status){ alert(data);}`

Tejs 2010-04-30 18:02:02

I gave this a try. Unfortunately, there doesn't seem to be any errors, so nothing runs.

senfo 2010-05-01 21:48:13

Answer 2

+1 A:

if one url (the flickr url) works, while another doesnt (your own), i would say the problem is with your url.

It looks like you are using a relative path, is that your intention? have you used firebug's net panel to see what the request looks like?

mkoryak 2010-04-29 13:57:18

If I view the Response tab off the Net panel in Firebug, I see JSON-formatted data only when I use the Flickr URL. Otherwise, the response stream seems to be empty. I **do** see the expected results if I connect to port 80 via telnet and manually perform a GET.

senfo 2010-04-30 17:01:48

Answer 3

+3 A:

Is the content served as "application/json"?

ZippyV 2010-04-29 13:58:42

Very good question. My guess is no (a client of mine wrote the JSON service). I'll have to look into that.

senfo 2010-04-29 14:15:17

I'm almost certain this is the answer. Just checked and it's Content-Type: application/atom+xml; charset=utf-8.

senfo 2010-04-29 14:18:54

Answer 4

+5 A:

Flickr's API supports JSONP, whereas the one you're connecting to does not.

jQuery sees that =? and understands there's a request for a JSONP callback and creates one. You can see it on line 5003 of the jQuery library your sample page uses.

So, you need to change two things

Add a callback parameter to your request. Whatever you (or your developer) wants to call it. Let's say you choose cb - so add this to the AJAX request: &cb=? (this way we let jQuery handle the creation of a callback for us)
Have your developer that made the service accept this new parameter, and "pad" the result with it before returning it.

Peter Bailey 2010-05-03 19:10:35

Thank you very much for the reply. I would have never thought of that (I've actually never heard of JSONP prior to this). I'm waiting on another developer to make the changes to the service. After I have verified it works, I'll accept this as the correct answer.

senfo 2010-05-05 14:43:30

Answer 5

A:

Have you tried!?

DEMO: http://jsbin.com/uboso3/edit

$(function() {
  var data = {
"title": "HEALTHPOINT TYEE CAMPUS",
"link": "http://www.healthpointchc.org",
"id": "tag:datawarehouse.hrsa.gov,2010-04-29:/8357",
"org": "HEALTHPOINT TYEE CAMPUS",
"address": {
    "street": "4424 S. 188TH St.",
    "locality": "Seatac",
    "region": "Washington",
    "postal": "98188-5028"
},
"tel": "206-444-7746",
"category": "Service Delivery Site",
"location": "47.4344818181818 -122.277672727273",
"update": "2010-04-28T00:00:00-05:00"};

  //var data = $.parseJSON( data ); //if you put the data between double quote!

 $('#msg').append('<ul>' +
                  '<li>' + data.title + '</li>' +
                  '<li>' + data.link + '</li>' +
                  '<li>' + data.id + '</li>' +
                  '<li>' + data.org + '</li>' +
                  '<li>' + 'Address:' +
                  '<ul>' + 
                  '<li>' + data.address.street + '</li>' +
                  '<li>' + data.address.locality + '</li>' +
                  '<li>' + data.address.region + '</li>' +
                  '<li>' + data.address.postal + '</li>' +
                  '</ul>' +
                  '</li>' + 
                  '<li>' + data.tel + '</li>' +
                  '<li>' + data.category + '</li>' +
                  '<li>' + data.location + '</li>' +
                  '<li>' + data.update + '</li>' +
                  '</ul>'
                 );

});

NOTE: you need to rename street-address to street and postal-code to postal

aSeptik 2010-05-04 22:13:14

Answer 6

A:

This is a case of Crossdomain request error. Flickr Works , because it is JSONP , while the other url does not work because it is not JSONP enabled. 1. Check if the url supports JsonP 2. if not, create a proxy web service in your local domain (the same domain as the web page is) 3. Call that proxy webservice which in turn calls the external url from the server side.

Sundararajan S 2010-05-04 22:18:50

ansaurus

tags:

views:

answers:

Problem Fetching JSON Result with jQuery in Firefox and Chrome (IE8 Works)

related questions