Callback - Parseerror JSONP via jQuery AJAX

Question

Please consider the following code snippet:

$(function () {
     $.ajax({
        type: "GET",
        url: "http://mosaicco.force.com/siteforce/activeretailaccounts",
        dataType: "jsonp",
        crossDomain: true,
        jsonp: "callback",
        error: function(jqXHR, textStatus, errorThrown) {   
            alert('Error Message: '+textStatus);
            alert('HTTP Error: '+errorThrown);
            },
        success: function (data) {
                var i = 0;
                       //Process JSON
                       $.each(data, function () {
                             var name = this.locname;
                             var lat = this.lat;
                             var lng = this.lng;
                             var address = this.address;
                             var address2 = this.address2;
                             var city = this.city;
                             var state = this.state;
                             var postal = this.postal;
                             var phone = this.phone;
                             var web = this.web;
                             web = web.replace("http://", "");

                             var distance = GeoCodeCalc.CalcDistance(orig_lat, orig_lng, lat, lng, GeoCodeCalc.EarthRadiusInMiles);

                             //Create the array
                             locationset[i] = new Array(distance, name, lat, lng, address, address2, city, state, postal, phone, web);

                             i++;
                      });
                  }
        });
 });

I am pulling JSON cross domain and for some reason I keep getting a parseerror returned:

HTTP Error:Error: jQuery17209875996995251626_1343943259805 was not called

I am able to see the data just fine on the page - and the callback looks like this:

callback:jQuery17209875996995251626_1343943259805_:1343943260015

Please help me to diagnose what I am missing - thanks!

possible duplicate of [jQuery JSON response always triggers a ParseError](http://stackoverflow.com/questions/5095307/jquery-json-response-always-triggers-a-parseerror) — Bergi, Aug 03 '12 at 15:08

score 4 · Accepted Answer · edited May 23 '17 at 10:28

4

var data = $.parseJSON(data);

Since you are doing a JSONP request, you will get an object literal passed into the callback function. You can't use parseJSON on that. Anyway, jQuery is intelligent and always does the parse for you if the content-type is known.

Not sure whether that triggers the error message, but to the question jQuery JSON response always triggers a ParseError this was the solution.

OK, that's simple. Look at the script it loads: That is no valid JSONP - it misses the callback padding. Also, the mime-type is wrong: For a JSONP script, it should be text/javascript or application/javascript, for the JSON they deliver it should be application/json.

jQuery does detect the load of the "script", but as nothing gets executed it throws an the error that "the given callback was not called although the file was successfully loaded" - parseerror suspected.

Are you sure that the webservice supports JSONP at all?

edited May 23 '17 at 10:28

Community

1
1

answered Aug 03 '12 at 15:12

Bergi

630,263
148
957
1,375

Yes, sorry, that was left in from a previous issue. I've removed and am still receiving the same error. Here is what I have using jsFiddle http://jsfiddle.net/ALeez/2/ – McKev Aug 03 '12 at 15:18
Bergi is right, http://mosaicco.force.com/siteforce/activeretailaccounts?callback=jQuery17204995805434882641_1344010639385&_=1344010639389 does not produce valid JSONP; It should look like your json data wrapped in a function invocation. If they do indeed support JSONP, likely the querystring parameter for the callback is different. – JayC Aug 03 '12 at 16:20
JSON is supported - marking this as the solution because it was a matter of adjusting the callback as indicated. – McKev Oct 26 '12 at 16:42

Callback - Parseerror JSONP via jQuery AJAX

1 Answers1

Linked