AngularJS lance le partage d'un exemple de requête $http.post-js tutoriel-php.cn

AngularJS lance le partage d'un exemple de requête $http.post

小云云

Libérer： 2018-03-10 15:25:52

original

1357 Les gens l'ont consulté

Cet article partage principalement avec vous des exemples d'AngularJS lançant des requêtes $http.post. J'espère qu'il pourra vous aider.

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 ne sont pas reçues et que le résultat est nul. C'est parce qu'elles doivent être converties en formulaire. données.
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 en 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 lance la requête $http.post

Le code 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, quelle est la plus grande différence entre angulairejs et jquery js Eh bien, angulairejs vous permet de créer une page complète dans votre esprit à l'avance, puis d'utiliser des variables ou des espaces réservés pour représenter les données. Lorsque les données arrivent, remplissez-les directement pendant que jquery modifie dynamiquement les éléments dom, tels que. ajouter et modifier des balises dom attendez. Les idées de conception sont différentes.

Recommandations associées :

Exemple d'explication détaillée de l'encapsulation AngularJS $http.post()

angularJS implémente $http.post et $ http. Explication détaillée du code de la requête get

Analyse comparative de la différence entre $http.post et jQuery.post dans AngularJS_AngularJS

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!