How to get JSON from an external url

Question

I’m trying to catch a JSON from an external page, I’m using the dataType=jsonp, but only that the url, returns me a JSON and the following error:

Uncaught Syntaxerror: Unexpected token :

The JSON returns me the following token:

{"token":"WLAR-i0ad819840000014fcceb5726da5fd20a"}

and I my code is like this:

$.ajax({
    type: 'GET',
    url: 'http://www.revistadostribunais.com.br/maf/api/v1/authenticate.json?sp=ESDEVA-1', 
    dataType: 'jsonp',
    success: function() { console.log('Success!'); },                                                                                                                               
});

Answer 1

The problem is that the request does not return the call of a method and you want to interpret the answer as JSONP, you should simply change

dataType: 'jsonp'

To:

dataType: 'json'

EDIT

You can still "circumvent" these Crossdomain exceptions using a proxy CORS, such as the http://cors.io/ or the http://crossorigin.me/

The code would look something like:

$.ajax({
    type: 'GET',
    url: 'http://cors.io/?u=http://www.revistadostribunais.com.br/maf/api/v1/authenticate.json?sp=ESDEVA-1', 
    dataType: 'json',
    success: function() { console.log('Success!'); },                                                                                                                               
});

Or...

$.ajax({
    type: 'GET',
    url: 'http://crossorigin.me/http://www.revistadostribunais.com.br/maf/api/v1/authenticate.json?sp=ESDEVA-1', 
    dataType: 'json',
    success: function() { console.log('Success!'); },                                                                                                                               
});

Answer 2

From what I observed in your code there is a comma (,) right after the closure of the success in your call AJAX, in the code below removed the comma, note:

$.ajax({
    type: 'GET',
    url: 'http://www.revistadostribunais.com.br/maf/api/v1/authenticate.json?sp=ESDEVA-1',
    dataType: 'jsonp',
    success: function() { console.log('Success!'); }
});

What you could do to leave the comma is to call another function or attribute from jQuery AJAX, for example, error, complete, follows the example showing that you returned an error message right after the function declaration sucess:

$.ajax({
    type: 'GET',
    url: 'http://www.revistadostribunais.com.br/maf/api/v1/authenticate.json?sp=ESDEVA-1',
    dataType: 'jsonp',
    success: function() {    
        console.log('Success!'); 
    }, error: function(e){
         alert('Ocorreu um erro durante a chamada ' + e);
    }
});

Note that after closing the function error did not put a comma at the end of the function, this serves for declarations of more attributes or functions that may come last in the AJAX declaration.

EDIT

Based on Sergio’s comment in my answer that the commas do not influence I decided to put the code in Jsfiddle and test, really the problem persisted, so I did the following code snippet:

$.ajax({
    type: 'GET',
    url: 'http://www.revistadostribunais.com.br/maf/api/v1/authenticate.json?sp=ESDEVA-1',
    dataType: 'json',
    success: function() { console.log('Success!'); }

});

Notice I removed the jsonp and put in place the json only, but now is returning this error saying that external access is not allowed:

Xmlhttprequest cannot load http://www.revistadostribunais.com.br/maf/api/v1/authenticate.json?sp=ESDEVA-1. No 'Access-Control-Allow-Origin' header is present on the requested Resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.

EDIT

To enable AJAX to access externally, state this in your AJAX:

 crossDomain: true,

Documentation:

crossDomain (default: false for same-Domain requests, true for cross-Domain requests) Type: Boolean If you Wish to force a crossDomain request (such as JSONP) on the same Domain, set the value of crossDomain to true. This Allows, for example, server-side redirection to Another Domain. (version Added: 1.5)

EDIT

Example of your AJAX call:

$.ajax({
    type: 'GET',
    url: 'http://www.revistadostribunais.com.br/maf/api/v1/authenticate.json?sp=ESDEVA-1', 
    crossDomain: true,
    dataType: 'json',
    success: function() { console.log('Success!'); }                                                                                                                               
});