von jquery $ .ajax zu eckigen $ http

Habe ich dieses Stück jQuery-code, der funktioniert einwandfrei Kreuz Herkunft:

jQuery.ajax({
    url: "http://example.appspot.com/rest/app",
    type: "POST",
    data: JSON.stringify({"foo":"bar"}),
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function (response) {
        console.log("success");
    },
    error: function (response) {
        console.log("failed");
    }
});

Nun ich bin tring zu konvertieren, das auf Angular.js code ohne Erfolg:

$http({
    url: "http://example.appspot.com/rest/app",
    dataType: "json",
    method: "POST",
    data: JSON.stringify({"foo":"bar"}),
    headers: {
        "Content-Type": "application/json; charset=utf-8"
    }
}).success(function(response){
    $scope.response = response;
}).error(function(error){
    $scope.error = error;
});

Jede Hilfe dankbar.

InformationsquelleAutor der Frage Endless | 2012-08-26

  1. 197

    Den AngularJS Art des Aufrufs $http Aussehen würde:

    $http({
    url: "http://example.appspot.com/rest/app",
    method: "POST",
    data: {"foo":"bar"}
}).then(function successCallback(response) {
        //this callback will be called asynchronously
        //when the response is available
        $scope.data = response.data;
    }, function errorCallback(response) {
        //called asynchronously if an error occurs
        //or server returns response with an error status.
        $scope.error = response.statusText;
});

    oder geschrieben werden kann, noch einfacher über shortcut-Methoden:

    $http.post("http://example.appspot.com/rest/app", {"foo":"bar"})
.then(successCallback, errorCallback);

    Gibt es eine Reihe von Dinge zu beachten:

    • AngularJS-version ist übersichtlicher (vor allem mit .post () - Methode)
    • AngularJS kümmert konvertieren JS-Objekte in JSON-string und setzen Header (das sind anpassbar)
    • Callback-Funktionen sind benannte success und error entsprechend (bitte beachten Sie auch die Parameter der einzelnen callback) - Nicht in eckige v1.5
    • verwenden then - Funktion statt.
    • Mehr info von then Verwendung finden hier

    Das oben ist nur ein kurzes Beispiel und einige Hinweise, sicher sein, zu überprüfen AngularJS-Dokumentation für weitere: http://docs.angularjs.org/api/ng.$http

    InformationsquelleAutor der Antwort pkozlowski.opensource

  2. 0

    Können wir implementieren ajax-request mittels http-service in AngularJs, die hilft, Lesen/laden von Daten aus remote-server.

    $http-service-Methoden sind unten aufgeführt,

     $http.get()
 $http.post()
 $http.delete()
 $http.head()
 $http.jsonp()
 $http.patch()
 $http.put()

    Einer der Beispiel: 

        $http.get("sample.php")
        .success(function(response) {
            $scope.getting = response.data; //response.data is an array
    }).error(){

        //Error callback will trigger
    });

    http://www.drtuts.com/ajax-requests-angularjs/

    InformationsquelleAutor der Antwort Vijayaragavan

  3. 0

    Können Sie verwenden :

    Herunterladen "eckige-post-Korrektur": "^0.1.0"

    Dann "httpPostFix', um Abhängigkeiten zu deklarieren, während das Winkel-Modul.

    Ref : https://github.com/PabloDeGrote/angular-httppostfix

    InformationsquelleAutor der Antwort Tewfik Ghariani

  4. -4

    können Sie $.param zuweisen von Daten :

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

    schau mal hier : AngularJS + ASP.NET Web-API-Cross-Domain-Problem

    InformationsquelleAutor der Antwort hanane

Schreibe einen Kommentar