AngularJS が $http.post リクエストの共有を開始します

この記事では主に、AngularJS が $http.post リクエストを開始する例を紹介します。これが皆さんのお役に立てれば幸いです。

コードは次のとおりです:

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

この時点で返されたデータを受信できず、結果がnullであることがわかります。これは、フォームデータに変換する必要があるためです。
解決策:

1. $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'  
   }  

});

1. またはポストで設定します:

$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 が $http.post リクエストを開始します

コードは次のとおりです:

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

実は、 angularjs と jquery js と angularjs の最大の違いは、事前にページ全体を構築し、データが到着したら、それを直接入力するだけで、jquery は dom 要素を動的に変更することです。 domタグの追加や変更など。デザインの考え方が違います。

関連する推奨事項:

AngularJS カプセル化の詳細な説明例 $http.post()

angularJS $http.post および $http.get リクエストを実装するコードの詳細な説明

$ の比較分析AngularJSのhttp.post jQuery.post_AngularJSとの違い

以上がAngularJS が $http.post リクエストの共有を開始しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。