Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Y2J
Freigeben: 2017-05-22 13:29:55
Original
1776 Leute haben es durchsucht

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); 
})
Nach dem Login kopieren

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' 
  } 

});
Nach dem Login kopieren

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); 
})
Nach dem Login kopieren

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);});
    });
Nach dem Login kopieren

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

5

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage