Maison > interface Web > js tutoriel > le corps du texte

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

Y2J
Libérer: 2017-05-22 13:29:55
original
1759 Les gens l'ont consulté

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:&#39;post&#39;, 
  url:&#39;post.php&#39;, 
  data:{name:"aaa",id:1,age:20} 
}).success(function(req){ 
  console.log(req); 
})
Copier après la connexion
À 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(&#39;app&#39;,[]); 
 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 = { 
    &#39;Content-Type&#39;: &#39;application/x-www-form-urlencoded&#39; 
  } 

});
Copier après la connexion
Ou configurez-le dans le post :

$http({ 
  method:&#39;post&#39;, 
  url:&#39;post.php&#39;, 
  data:{name:"aaa",id:1,age:20}, 
  headers:{&#39;Content-Type&#39;: &#39;application/x-www-form-urlencoded&#39;}, 
  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); 
})
Copier après la connexion

AngularJS Le code pour lancer une requête $http.post

est le suivant :

  app.controller(&#39;sprintCtrl&#39;, 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);});
    });
Copier après la connexion
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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!