l'analyse JSONP $http.jsonp() réponse en angular.js

Mise à JOUR: depuis Angulaire de 1,6

Vous ne pouvez plus utiliser le JSON_CALLBACK chaîne comme un espace réservé pour
la spécification d'où le rappel de la valeur de paramètre devrait aller

Vous devez maintenant définir la fonction de rappel de la sorte:

$http.jsonp('some/trusted/url', {jsonpCallbackParam: 'callback'})

Modifier/accès/déclarer param via $http.defaults.jsonpCallbackParam, par défaut, callback

Remarque: vous devez également Vous assurer que votre URL est ajoutée à la confiance/liste blanche:

$sceDelegateProvider.resourceUrlWhitelist

ou explicitement approuvé par:

$sce.trustAsResourceUrl(url)

success/error ont été obsolète.

La $http héritage promesse méthodes success et error ont été abandonnées et seront supprimées dans v1.6.0. L'utilisation de la norme, alors plutôt la méthode. Si $httpProvider.useLegacyPromiseExtensions est fixé à false ensuite ces méthodes jeter $http/legacy error.

UTILISATION:

var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts"
var trustedUrl = $sce.trustAsResourceUrl(url);

$http.jsonp(trustedUrl, {jsonpCallbackParam: 'callback'})
    .then(function(data){
        console.log(data.found);
    });

Réponse Précédente: Angulaire 1.5.x et avant

Tout ce que vous devez avoir à faire est de changer callback=jsonp_callback à callback=JSON_CALLBACK comme suit:

var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK";

Et puis votre .success fonction feu comme vous l'avez si le retour a été un succès.

Cette façon de faire vous permet d'éviter d'avoir à salir l'espace mondial. Ceci est documenté dans le AngularJS documentation ici.

Mis à jour Matt Boule de violon à utiliser cette méthode: http://jsfiddle.net/subhaze/a4Rc2/114/

Exemple complet:

var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK";

$http.jsonp(url)
    .success(function(data){
        console.log(data.found);
    });

Cela a été très utile. Angulaire ne fonctionne pas exactement comme JQuery. Il a son propre jsonp() la méthode, ce qui exige, en effet, "&callback=JSON_CALLBACK" à la fin de la chaîne de requête. Voici un exemple:

var librivoxSearch = angular.module('librivoxSearch', []);
librivoxSearch.controller('librivoxSearchController', function ($scope, $http) {
    $http.jsonp('http://librivox.org/api/feed/audiobooks/author/Melville?format=jsonp&callback=JSON_CALLBACK').success(function (data) {
        $scope.data = data;
    });
});

Puis de les afficher ou de les manipuler {{ données }} dans votre Angulaire du modèle.

Vous devez encore définir callback dans les params:

var params = {
  'a': b,
  'token_auth': TOKEN,
  'callback': 'functionName'
};
$sce.trustAsResourceUrl(url);

$http.jsonp(url, {
  params: params
});

Où "functionName' est un stringified de référence à l'échelle mondiale fonction définie. Vous pouvez le définir à l'extérieur de votre angulaire script, puis de la redéfinir dans votre module.

pour moi les solutions ci-dessus n'a fonctionné qu'une seule fois, j'ai ajouté "format=jsonp" pour les paramètres de la requête.