web-dev-qa-db-fra.com

Appel JSONP indiquant "Uncaught SyntaxError: Jeton inattendu:"

Voici mon 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);
        }
    });

Qu'est-ce que je fais mal? devrais-je ajouter ou changer quelque chose ici? Toute aide serait appréciée. Merci

jqueryjsonp
46
Katakam Nikhil

Violon de travail:

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);
    }
});

J'ai dû définir manuellement le rappel sur callback, car c'est tout ce que le service distant semble prendre en charge. J'ai également changé l'URL pour spécifier que je voulais jsonp.

52
Jason P

Vous essayez d'accéder à un JSON, pas à JSONP.

Remarquez la différence entre votre source:

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

Et JSONP actuel (une fonction de wrapping):

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

Recherchez la stratégie JSON + CORS/inter-domaines et vous trouverez des centaines de SO discussions sur ce sujet même.

18
Johan