$.ajax and JSONP. ParseError and Uncaught SyntaxError: Unexpected token :

Question

First of all, I've been looking for the answer to my problem in several topics and I couldn't find a solution that works with my code.

I'm trying to get the answer from a servlet, if I go to http://XXXZZZ/Servlet/Login?login=pepe&pass=1234 I receive valid JSON as expected:

{"id":3,"login":"pepe","key":"0D1DBA4BE87E02D43E082F9AA1ECFDEB"}

But when I try the same with $.ajax, I get 2 errors.

$.ajax({
    type : "Get",
    url :"http://XXXZZZ/Servlet/Login",
    data :"login="+login+"&password="+pass,
    dataType :"jsonp",
    success : function(data){
    alert(data);},
    error : function(httpReq,status,exception){
    alert(status+" "+exception);
    }
});

First error (in the popup window):

parsererror Error: jQuery17104145435250829905_1336514329291 was not called

Second error (in the Chrome console):

Uncaught SyntaxError: Unexpected token : Login 1

(And there is the JSON I'm waiting for).

P.S. I have to use dataType : "jsonp", because if I use "json" I also have problems with the Cross-Domain.

You cannot force JSONP. It has to be supported and return by the server. If it doesn't you are out of luck. If you have control over the server, make it support JSONP. — Felix Kling
– Felix Kling, Commented May 8, 2012 at 22:25
This may not affect this answer but may help other users- often times a parameter of the uri allows you to set the file format. If you are receiving this error, make sure that it is set to format=jsonp! — Gaʀʀʏ
– Gaʀʀʏ, Commented Dec 13, 2012 at 5:39

Community · Accepted Answer · 2017-05-23 12:10:29Z

21

If you are using jsonp then the syntax is wrong

You need to return

myJsonMethod({"id":3,"login":"pepe","key":"0D1DBA4BE87E02D43E082F9AA1ECFDEB"});

and also add to your ajax request options

jsonp: false,
jsonpCallback: "myJsonMethod"

so

$.ajax({
    type : "Get",
    url :"http://XXXZZZ/Servlet/Login",
    data :"login="+login+"&password="+pass,
    dataType :"jsonp",
    jsonp: false,
    jsonpCallback: "myJsonMethod",
    success : function(data){
        alert(data);},
    error : function(httpReq,status,exception){
        alert(status+" "+exception);
    }
});

(and of-course fix the success as @voyager noted)

edited May 23, 2017 at 12:10

CommunityBot

11 silver badge

answered May 8, 2012 at 22:23

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

3 Comments

Pablo Postigo Over a year ago

So in the server i have to change static JSONObject Login(String login, String password) throws JSONException{ to

static String Login(String login, String password){         ...         json.put("id", id);         json.put("login", login);         json.put("key", key);         return("myJsonMethod("+json+");");

Gabriele Petrioli Over a year ago

@PabloPostigo, you can use the JSONPObject class

Luke Over a year ago

had a similar problem. adding jsonp: false was what fixed things for me

Esteban Küber · Accepted Answer · 2012-05-08 22:16:52Z

11

succes : function(data){

That's a typo:

success : function(data){

answered May 8, 2012 at 22:16

Esteban Küber

37k15 gold badges82 silver badges97 bronze badges

1 Comment

Pablo Postigo Over a year ago

No, sorry i wrote it wrong here, in the code its written "success"

Shawn Lehner · Accepted Answer · 2012-05-08 22:21:13Z

1

First off you have a typo in your success parameter; you missed the ending s. Also, when you are performing a JSONP request you need to return your JSON information in JSONP format; which should include the callback token as part of the return string. A sample JSONP string would look likes this:

yourcallbacktoken({"id":3,"login":"pepe","key":"0D1DBA4BE87E02D43E082F9AA1ECFDEB"})

Take a look at this page for more information on the JSONP specifications: http://devlog.info/2010/03/10/cross-domain-ajax/

answered May 8, 2012 at 22:21

Shawn Lehner

1,3237 silver badges14 bronze badges

Collectives™ on Stack Overflow

$.ajax and JSONP. ParseError and Uncaught SyntaxError: Unexpected token :

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related