SyntaxError: missing ; before statement jquery jsonp

Question

I am using below code to access rest service hosted on another domain.

$.ajax({
            type: 'GET',
            url: url,
            async: false,
            jsonpCallback: 'jsonCallback',
            contentType: "application/json",
            dataType:"jsonp",
            success: function(json) {
                alert(json);
            },
            error: function(e) {
               console.log(e.message);
            }
        });

I am able to get the data correctly, but I get this error in firebug in mozilla:

SyntaxError: missing ; before statement

{"Hello":"World"}

Can anyone suggest me what I am doing wrong here? Even though Json data is valid. I tried all the suggestions posted in this question But still I am getting same error.

the response is not a valid jsonp response.... it should be something like `jsonpCallbackName({"Hello":"World"})` — Arun P Johny, Dec 18 '13 at 12:48
@ArunPJohny I don't have control on response, It is hosted by third party. I can only just consume it :( — Ranveer Singh Rajpurohit, Dec 18 '13 at 12:52
Why do you specify `jsonpCallback` and also success function which gets your json ? — Royi Namir, Dec 18 '13 at 12:52
And please, dont set `async: false`. You're locking the browser with no reason. — Denys Séguret, Dec 18 '13 at 12:53
"It is hosted by third party" so does it accept jsonp request? — A. Wolff, Dec 18 '13 at 12:55
@A.Wolff, I am not sure. But the main issue is I don't have control on that server side — Ranveer Singh Rajpurohit, Dec 18 '13 at 12:59
@RanveerSinghRajpurohit you just can test it: http://stackoverflow.com/a/3467409/1414562 And following your comments i guess it doesn't. So then, you have to proxify it server side — A. Wolff, Dec 18 '13 at 13:02

Denys Séguret · Accepted Answer · 2013-12-18T12:54:08.060

3

If it's really JSON you ask for, don't set "jsonp" as dataType, and don't provide a callback :

$.ajax({
        type: 'GET',
        url: url,
        contentType: "application/json",
        success: function(json) {
            alert(json);
        },
        error: function(e) {
           console.log(e.message);
        }
});

edited Dec 18 '13 at 12:54

answered Dec 18 '13 at 12:48

Denys Séguret

372,613
87
782
758

afaik, `contentType` is only when you're posting to the server, not fetching data from it. – Andy Dec 18 '13 at 12:49
@Andy Yes . contentType is for sending. datatype is for expectation from server. – Royi Namir Dec 18 '13 at 12:50

score 0 · Answer 2 · answered Dec 18 '13 at 12:51

0

the format of JSON and JSONP are slightæy different JKSONP is a function invocation expression

callback({"hellow":"world"});

whereas JSON is simply a serialized object

{"Hello":"world"}

fromyour posting it would seem that the server is returning JSON and not JSONP

So you either need to change the server to reply correctly (The actual callback name is a get parameter to the request). You should do this if you are using the ajax call across domains

If you are not using ajax across domains stick to regular JSON

answered Dec 18 '13 at 12:51

Rune FS

21,497
7
62
96

But I am using cross domain ajax requests. – Ranveer Singh Rajpurohit Dec 18 '13 at 12:59
@RanveerSinghRajpurohit in which case you need the server to supply valid JSONP instead of JSON – Rune FS Dec 18 '13 at 19:39

SyntaxError: missing ; before statement jquery jsonp

2 Answers2

Linked