JSONP call showing "Uncaught SyntaxError: Unexpected token : "

Question

Here is my code

$.ajax({
        url: 'https://api.flightstats.com/flex/schedules/rest/v1/json/flight/AA/100/departing/2013/10/4?appId=19d57e69&appKey=e0ea60854c1205af43fd7b1203005d59&callback=?',
        dataType: 'JSONP',
        jsonpCallback: 'jsonCallback',
        type : 'GET',
        async: false,
        crossDomain: true,
        success: function(data) {
            console.log(data);
        }
    });

What am I doing wrong? should I add or change anything in here? Any help would be appreciated. Thanks

async: false doesn't work with JSONP. Why are you using jsonpCallback AND callback=? crossDomain is not needed for cross-domain requests (ironic isn't it?) — user400654
– user400654, Commented Oct 3, 2013 at 18:10
The API you are requesting from doesn't appear to support JSONP, that or you are using the API incorrectly for a JSONP response. — user400654
– user400654, Commented Oct 3, 2013 at 18:11

Jason P · Accepted Answer · 2013-10-03 18:13:53Z

52

Working fiddle:

http://jsfiddle.net/repjt/

$.ajax({
    url: 'https://api.flightstats.com/flex/schedules/rest/v1/jsonp/flight/AA/100/departing/2013/10/4?appId=19d57e69&appKey=e0ea60854c1205af43fd7b1203005d59',
    dataType: 'JSONP',
    jsonpCallback: 'callback',
    type: 'GET',
    success: function (data) {
        console.log(data);
    }
});

I had to manually set the callback to callback, since that's all the remote service seems to support. I also changed the url to specify that I wanted jsonp.

answered Oct 3, 2013 at 18:13

Jason P

27k3 gold badges34 silver badges45 bronze badges

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

8 Comments

JaredCubilla Over a year ago

I find it extremely ironic that your username is "Jason P". :)

Connor Leech Over a year ago

do you have to define a function named callback somewhere?

Jason P Over a year ago

@ConnorLeech No, jQuery creates the callback function for you.

Alexander Mills Over a year ago

I actually get the same error as the OP with $.ajax as I do with Angular's $http, in my attempt at jsonp

Si8 Over a year ago

I am still getting the error... :/ jsfiddle.net/w8e296zj. I see it is only a JSON response hence the JSONP is giving the issue mentioned above. If I use JSON as a datatype, I get the CORS issue. Any idea how to fix it? Thanks.

|

Johan · Accepted Answer · 2013-10-03 18:14:16Z

18

You're trying to access a JSON, not JSONP.

Notice the difference between your source:

https://api.flightstats.com/flex/schedules/rest/v1/json/flight/AA/100/departing/2013/10/4?appId=19d57e69&appKey=e0ea60854c1205af43fd7b1203005d59&callback=?

And actual JSONP (a wrapping function):

http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=processJSON&tags=monkey&tagmode=any&format=json

Search for JSON + CORS/Cross-domain policy and you will find hundreds of SO threads on this very topic.

answered Oct 3, 2013 at 18:14

Johan

35.4k62 gold badges191 silver badges309 bronze badges

1 Comment

Katakam Nikhil Over a year ago

All i have to do is specify JSONP in the URL as supposed to JSON as shown currently in the URL. Thankfully, the third party supports JSONP based on the link

Community · Accepted Answer · 2020-06-20 09:12:55Z

-1

I run this

var data = '{"rut" : "' + $('#cb_rut').val() + '" , "email" : "' + $('#email').val() + '" }';
var data = JSON.parse(data);

$.ajax({
    type: 'GET',
    url: 'linkserverApi',
    success: function(success) {
        console.log('Success!');
        console.log(success);
    },
    error: function() {
        console.log('Uh Oh!');
    },
    jsonp: 'jsonp'

});

And edit header in the response

'Access-Control-Allow-Methods' , 'GET, POST, PUT, DELETE'

'Access-Control-Max-Age' , '3628800'

'Access-Control-Allow-Origin', 'websiteresponseUrl'

'Content-Type', 'text/javascript; charset=utf8'

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Aug 6, 2015 at 20:54

GiorgosBarkos

791 silver badge2 bronze badges

Collectives™ on Stack Overflow

JSONP call showing "Uncaught SyntaxError: Unexpected token : "

3 Answers 3

8 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related