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

この記事では主に $http.post リクエストと $http.get リクエストを開始する angularJS の実装方法を紹介します。また、それぞれ $http.post リクエストと $http.get リクエストのメソッドも紹介します。 AngularJS は $http.post リクエストを開始します

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

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

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

解決策:

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

});

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

$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 タグの追加や変更など。デザインの考え方が違います。 【関連する推奨事項】

1.

Javacript の無料ビデオチュートリアル

2. Baidu マップコード構成を使用した JS 開発

3. node.js を使用してクライアントへの URL 出力ファイルを分析する

4. JavaScriptで漢字をピンインに変換する例を詳しく解説

5. よく使われる15のjs正規表現を共有する

以上が$http.post リクエストと $http.get リクエストを実装する angularJS の詳細なコード説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。