新聞中心
這篇文章主要介紹了angularJS如何實(shí)現(xiàn)發(fā)起$http.post和$http.get請(qǐng)求,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)科技有限公司專業(yè)互聯(lián)網(wǎng)基礎(chǔ)服務(wù)商,為您提供綿陽(yáng)電信機(jī)房,高防物理服務(wù)器租用,成都IDC機(jī)房托管,成都主機(jī)托管等互聯(lián)網(wǎng)服務(wù)。
AngularJS發(fā)起$http.post請(qǐng)求
代碼如下:
$http({ method:'post', url:'post.php', data:{name:"aaa",id:1,age:20} }).success(function(req){ console.log(req); })
這時(shí)候你會(huì)發(fā)現(xiàn)收不到返回的數(shù)據(jù),結(jié)果為null,這是因?yàn)橐D(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請(qǐng)求
代碼如下:
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);}); });
其實(shí),angularjs 和 jquery js最大的區(qū)別在哪兒那,angularjs是你事先在心中構(gòu)建好真?zhèn)€頁(yè)面,然后用變量或者占位符來(lái)表示數(shù)據(jù),數(shù)據(jù)來(lái)了,直接填充就可以了;而jquery則是動(dòng)態(tài)的修改dom元素,如添加修改dom標(biāo)簽等。設(shè)計(jì)思想不一樣。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“angularJS如何實(shí)現(xiàn)發(fā)起$http.post和$http.get請(qǐng)求”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
分享題目:angularJS如何實(shí)現(xiàn)發(fā)起$http.post和$http.get請(qǐng)求
分享網(wǎng)址:http://fisionsoft.com.cn/article/pgossd.html