de jquery $.ajax à $http angulaire

Question

J’ai ce morceau de code jQuery qui fonctionne origine Croix fine :

Maintenant, je suis tring pour convertir ce code Angular.js sans succès :

Toute aide appréciée.

Answer 1

Le AngularJS de l'appel de $http ressemblerait à:

$http({
    url: "http://example.appspot.com/rest/app",
    method: "POST",
    data: {"foo":"bar"}
}).success(function(data, status, headers, config) {
    $scope.data = data;
}).error(function(data, status, headers, config) {
    $scope.status = status;
});

ou peut être écrit de manière encore plus simple en utilisant des méthodes de raccourci:

$http.post("http://example.appspot.com/rest/app", {"foo":"bar"})
.success(function(data, status, headers, config) {
    $scope.data = data;
}).error(function(data, status, headers, config) {
    $scope.status = status;
});

Il y a plusieurs choses à noter:

• AngularJS la version la plus concise (en particulier à l'aide .méthode post ())
• AngularJS va prendre soin de la conversion d'objets JS en chaîne JSON et la définition des en-têtes (ceux-ci sont personnalisables)
• Les fonctions de rappel sont nommés success et error respectivement (veuillez aussi noter que les paramètres de chaque rappel)

Ce qui précède est juste un exemple rapide et de quelques conseils, assurez-vous de vérifier AngularJS la documentation pour plus d': http://docs.angularjs.org/api/ng.$http

Answer 2

vous pouvez utiliser $.param pour assigner des données :

Regardez ceci : AngularJS + ASP.NET Web API inter-domaines question