In diesem Artikel wird hauptsächlich die Implementierungsmethode von AngularJS zum Initiieren von $http.post- und $http.get-Anfragen vorgestellt. Außerdem werden die Methoden von $http.post- und $http.get-Anfragen vorgestellt
AngularJS initiiert eine $http.post-Anfrage
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 sind nicht empfangen und das Ergebnis ist null. Dies liegt daran, dass es in Formulardaten konvertiert werden muss.
Lösung:
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' } });
Oder konfigurieren Sie es im Beitrag:
$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 Der Code zum Initiieren einer $http.post-Anfrage
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);}); });
Tatsächlich besteht der größte Unterschied zwischen AngularJS und jquery js Das ist AngularJS, was Sie im Voraus benötigen. Erstellen Sie in Ihrem Kopf eine echte Seite und verwenden Sie dann Variablen oder Platzhalter, um Daten darzustellen. Wenn die Daten eingehen, füllen Sie sie einfach dynamisch aus wie das Hinzufügen und Ändern von Dom-Tags. Die Gestaltungsideen sind unterschiedlich.
[Verwandte Empfehlungen]
1. Kostenloses Javascript-Video-Tutorial
2. JS-Entwicklung mit Baidu-Kartencode Organisieren
3. Verwenden Sie node.js, um die URL-Ausgabedatei zu analysieren und an den Client zu senden
4. Detaillierte Erläuterung eines Verwendungsbeispiels JavaScript zum Konvertieren chinesischer Schriftzeichen in Pinyin
5Teilen Sie 15 häufig verwendete js-reguläre Ausdrücke
Das obige ist der detaillierte Inhalt vonDetaillierte Code-Erklärung von AngularJS, das $http.post- und $http.get-Anfragen implementiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!