How to parse a JSON response as JSONP on a jQuery ajax call?

Question

I'm dealing with the todoist API (https://developer.todoist.com/) and I am making a jquery ajax get request for some data with this:

var url = "https://todoist.com/API/v7/sync";
var data = {
    'token' : token,
    'resource_types' : '["all"]',
    };


$.ajax({
    url: url,
    data: data,
    type: 'GET',
    dataType: 'jsonp',
    success: function(response) { 

        console.log(response);

    },
    error: function(response) { 
        console.log('error');
    },
});

Now, when I get the response, I get the error

Unexpected token :

Why? Because according to (https://stackoverflow.com/a/7941973/2724978) jQuery is expecting a jsonp formatted response, but it returns json.

I've researched all over for how to solve this, and the response would be: "Return the data in jsonp format".. well. It's an external API and they don't provide data in JSONP. Is there a way I could override the returned function and parse this JSON data anyway?

Is `token` defined? The linked documentation recommends using `POST` request _"Sync API requests should be made in HTTP POST (application/x-www-form-urlencoded). Sync API responses, including errors, will be returned in JSON."_? — guest271314, Oct 28 '16 at 05:57

score 0 · Answer 1 · answered Oct 29 '16 at 18:32

0

Your dataType should be json, not jsonp.

answered Oct 29 '16 at 18:32

Nick Ribal

1,959
19
26

Seems correct. Just tested it my self ... Thank you! – Benjamin Ziepert Feb 02 '18 at 10:35

score 0 · Answer 2 · answered Feb 02 '18 at 10:35

As elektronik pointed out the dataType should be json and not jsonp. The code than looks as following ...

var token = "your token"
var url = "https://todoist.com/API/v7/sync";
var data = {
    'token' : token,
    'resource_types' : '["all"]',
    };

jQuery.ajax({
    url: url,
    data: data,
    type: 'GET',
    dataType: 'json',
    success: function(response) { 
        console.log(response);
    },
    error: function(response) { 
        console.log('error');
    },
});

How to parse a JSON response as JSONP on a jQuery ajax call?

2 Answers2