jQuery parser error ajax call

Question

I am trying .ajax to hit a URL which returns a list of object, I am using jacksonJsonView in spring to it returns json in browser. But when I try this code it never goes into the success, but the error alert shows the textstatus to be 'parseerror'. the alert looks like this: 'status=parsererror,error=jQuery15109695890768120119_1357924928198 was not called'

$(function() {  
$("#tags").autocomplete({
source: function( request, response ) {
    $.ajax({
        url: 'http://localhost:8181/jquery/api/states/regex?stateName='+request.term,
        method: 'GET',
        dataType: 'jsonp',
        success: function(json) {
        alert("test");

        },
        error: function(httpRequest, textStatus, errorThrown) { 
        alert("status=" + textStatus + ",error=" + errorThrown);
        }
    });
}
})

The API returns some thing like this:

[

    {
        "id": 12,
        "stateName": "Vermont",
        "intPtLon": -72.673354,
        "intPtLat": 44.0605475,
        "stUsps": "VT"
    },
    {
        "id": 20,
        "stateName": "Virginia",
        "intPtLon": -78.6681938,
        "intPtLat": 37.5222512,
        "stUsps": "VA"
    }

]

Adding the following line fixed the issue, it works fine in IE bit not so much in firefox

See my answer. Suppose changing dataType: 'jsonp', to dataType: 'json', will be completely enough. — Viktor S.
– Viktor S., Commented Jan 11, 2013 at 17:38

Viktor S. · Accepted Answer · 2013-01-11 17:36:21Z

3

You should change

dataType: 'jsonp',

to simple

dataType: 'json',

Or, if you really need JSONP and can't use JSON - you should take callback parameter from request on server side and wrap response like this:

Request["callback"] + "(" + string_with_json_response + ")";

So, in results you will get something like:

jQuery15109695890768120119_1357924928198('{"response":"val"}');

answered Jan 11, 2013 at 17:36

Viktor S.

12.8k1 gold badge30 silver badges56 bronze badges

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

9 Comments

Biggy_java2 Over a year ago

Changing jsonp to json gives me "Status=error,error=". and where do I add the Request["callback"] + "(" + string_with_json_response + ")"; ?

Viktor S. Over a year ago

Hm. That is strange. Response you shown in your question looks like valid JSON. Take a look at network tab of developer tools in browser. You should find your ajax request there after it is executed and take response from there. Response you provided looks to be Ok and it should work fine with dataType":'json'. About where to add - I can give only direction. It should be at the same place where current response is returned. Not sure how you do that in Java.

Biggy_java2 Over a year ago

everything looks fine in firebug/net, The response header looks like this Content-Type application/json Server Jetty(6.1.22) Transfer-Encoding chunked

Biggy_java2 Over a year ago

Does the [] around the json matter? not sure how to remove it. in some posts they suggest that it could be the issue

Viktor S. Over a year ago

Hm. That should not be a problem at all. That is a valid JSON array. Have you checked plain response text? Possibly you have some garbage there which you do not see, but it breaks jQuery

|

Collectives™ on Stack Overflow

jQuery parser error ajax call

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related