angularJS如何實現(xiàn)發(fā)起$http.post和$http.get請求

這篇文章主要介紹了angularJS如何實現(xiàn)發(fā)起$http.post和$http.get請求，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

AngularJS發(fā)起$http.post請求

代碼如下：

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

這時候你會發(fā)現(xiàn)收不到返回的數(shù)據(jù)，結(jié)果為null，這是因為要轉(zhuǎn)換成form data。

解決方案：

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

});

或者在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發(fā)起$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最大的區(qū)別在哪兒那，angularjs是你事先在心中構(gòu)建好真?zhèn)€頁面，然后用變量或者占位符來表示數(shù)據(jù)，數(shù)據(jù)來了，直接填充就可以了；而jquery則是動態(tài)的修改dom元素，如添加修改dom標(biāo)簽等。設(shè)計思想不一樣。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“angularJS如何實現(xiàn)發(fā)起$http.post和$http.get請求”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!