Detaillierte Code-Erklärung von AngularJS, das $http.post- und $http.get-Anfragen implementiert

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

Teilen 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!