AngularJS initiiert die Freigabe von $http.post-Anfragebeispielen

Dieser Artikel zeigt Ihnen hauptsächlich Beispiele dafür, wie AngularJS $http.post-Anfragen initiiert.

Der Code lautet wie folgt:

$http({  
    method:'post',  
    url:'post.php',  
    data:{name:"aaa",id:1,age:20}  
}).success(function(req){  
    console.log(req);  
})

Zu diesem Zeitpunkt werden Sie feststellen, dass die zurückgegebenen Daten nicht empfangen werden und das Ergebnis null ist. Dies liegt daran, dass es in ein Formular umgewandelt werden muss Daten.
Lösung:

1. Konfigurieren Sie $httpProvider:

var myApp = angular.module('app',[]);  
 myApp.config(function($httpProvider){  

   $httpProvider.defaults.transformRequest = function(obj){  
     var str = [];  
     for(var p in obj){  
       str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));  
     }  
     return str.join("&");  
   }  

   $httpProvider.defaults.headers.post = {  
        'Content-Type': 'application/x-www-form-urlencoded'  
   }  

});

1. Oder konfigurieren Sie es per Post:

$http({  
   method:'post',  
   url:'post.php',  
   data:{name:"aaa",id:1,age:20},  
   headers:{'Content-Type': 'application/x-www-form-urlencoded'},  
   transformRequest: function(obj) {  
     var str = [];  
     for(var p in obj){  
       str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));  
     }  
     return str.join("&");  
   }  
}).success(function(req){  
       console.log(req);  
})

AngularJS initiiert $http.post-Anfrage

Der Code lautet wie folgt:

    app.controller('sprintCtrl', function($scope, $http) {
            $http.get("http://localhost:8080/aosapp/pt/service?formid=pt_aosapp_service_sprintlist&teamid=1")
            .success(function (response) {console.log($scope.sprintlist=response);});
        });

Was ist eigentlich der größte Unterschied zwischen Angularjs und jquery js Nun, mit anglejs können Sie im Voraus eine vollständige Seite erstellen und dann Variablen oder Platzhalter zur Darstellung von Daten verwenden. Wenn die Daten eingehen, füllen Sie sie einfach direkt aus, während jquery dom-Elemente dynamisch ändert, z. B. durch Hinzufügen und Ändern dom-Tags warten. Die Gestaltungsideen sind unterschiedlich.

Verwandte Empfehlungen:

Beispiel für eine detaillierte Erklärung der AngularJS-Kapselung $http.post()

angularJS implementiert $http.post und $ http. Detaillierte Code-Erklärung der Get-Anfrage

Vergleichende Analyse des Unterschieds zwischen $http.post und jQuery.post in AngularJS_AngularJS

Das obige ist der detaillierte Inhalt vonAngularJS initiiert die Freigabe von $http.post-Anfragebeispielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!