Explication détaillée du code d'angularJS implémentant les requêtes $http.post et $http.get

Cet article présente principalement la méthode d'implémentation d'angularJS initiant les requêtes $http.post et $http.get Il présente également les méthodes de requêtes $http.post et $http.get respectivement. Ceux qui sont intéressés peuvent en savoir plus<.>

AngularJS lance la requête $http.post

Le code est le suivant :

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

À ce moment, vous constaterez que les données renvoyées sont n'est pas reçu et le résultat est nul. En effet, il doit être converti en données de formulaire.

Solution :

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

});

Ou configurez-le dans le 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 Le code pour lancer une requête $http.post

est le suivant :

  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);});
    });

En fait, la plus grande différence entre angulairejs et

jquery js est qu'angularjs est ce dont vous avez besoin à l'avance. Créez une vraie page dans votre esprit, puis utilisez des variables ou des espaces réservés pour représenter les données. Une fois les données arrivées, remplissez-les directement pendant que jquery modifie dynamiquement les éléments dom, comme l'ajout et la modification de balises dom, attendez. Les idées de conception sont différentes.

[Recommandations associées]

1.

Tutoriel vidéo gratuit Javascript

2

Développement JS à l'aide du code de carte Baidu Organiser<.>3.

Utilisez node.js pour analyser l'URL et envoyer le fichier au client

4

Explication détaillée d'un exemple d'utilisation de JavaScript. pour convertir les caractères chinois en pinyin

5

Partagez 15 expressions régulières js couramment utilisées

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!