AngularJS $http post 傳遞參數(shù)數(shù)據(jù)的方法
在cordova開(kāi)發(fā)的時(shí)候使用到了$http的post方法，傳遞的參數(shù)服務(wù)端怎么都接收不到，搜索了下，發(fā)現(xiàn)使用AngularJS通過(guò)POST傳遞參數(shù)還是需要設(shè)置一些東西才可以！
1、不能直接使用params
例如：
$http({
method: "POST",
url: "http://192.168.2.2:8080/setId",
params: {
cellphoneId: "b373fed6be325f7"}
}).success();
當(dāng)你這樣寫(xiě)的時(shí)候它會(huì)把id寫(xiě)到url后面：
http://192.168.2.2:8080/setId？cellphoneId=b373fed6be325f7"
會(huì)在url后面添加"？cellphoneId=b373fed6be325f7",查了些資料發(fā)現(xiàn)params這個(gè)參數(shù)是用在GET請(qǐng)求中的，而POST/PUT/PATCH就需要使用data來(lái)傳遞;
2、直接使用data
$http({
method: "POST",
url: "http://192.168.2.2:8080/setId",
data: {
cellphoneId: "b373fed6be325f7"
} }).success();
這樣的話(huà)傳遞的，是存在于Request Payload中，后端無(wú)法獲取到參數(shù)
這時(shí)發(fā)現(xiàn)Content-Type:application/json;charset=UTF-8,而POST表單請(qǐng)求提交時(shí)，使用的Content-Type是application/x-www-form-urlencoded，所以需要把Content-Type修改下！
3、修改Content-Type
$http({
method: "POST",
url: "http://192.168.2.2:8080/setId",
data: {cellphoneId: "b373fed6be325f7"},
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).success();
這時(shí)數(shù)據(jù)是放到了Form Data中但是發(fā)現(xiàn)是以對(duì)象的形式存在，所以需要進(jìn)行序列化！
4、對(duì)參數(shù)進(jìn)行序列化
$http({
method: "POST",
url: "http://192.168.2.2:8080/setId",
data: {cellphoneId: "b373fed6be325f7"},
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
transformRequest: function(obj) {
var str = [];
for (var s in obj) {
str.push(encodeURIComponent(s) + "=" + encodeURIComponent(obj[s]));
}
return str.join("&");
}
}).success();
以上這篇AngularJS $http post 傳遞參數(shù)數(shù)據(jù)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Angular.js實(shí)現(xiàn)注冊(cè)系統(tǒng)的實(shí)例詳解
Angular.js是Google開(kāi)發(fā)的前端技術(shù)框架，最近一直在學(xué)習(xí)Angular.js，通過(guò)對(duì)angular.js的簡(jiǎn)單理解后發(fā)現(xiàn)，angular.js通過(guò)一些簡(jiǎn)單的指令即可實(shí)現(xiàn)對(duì)DOM元素的操作，其特色為雙向數(shù)據(jù)綁定，下面這篇文章給大家詳細(xì)介紹Angular.js實(shí)現(xiàn)注冊(cè)系統(tǒng)的方法，一起來(lái)看看吧。2016-12-12
Angular 4依賴(lài)注入學(xué)習(xí)教程之ValueProvider的使用（七）
這篇文章主要給大家介紹了關(guān)于Angular 4依賴(lài)注入之ValueProvider使用的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Angular4具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-06-06
Angularjs在初始化未完畢時(shí)出現(xiàn)閃爍問(wèn)題的解決方法分析
這篇文章主要介紹了Angularjs在初始化未完畢時(shí)出現(xiàn)閃爍問(wèn)題的解決方法,結(jié)合實(shí)例形式分析了3種常用的閃爍問(wèn)題解決方法,需要的朋友可以參考下2016-08-08
解決Angular2 router.navigate刷新頁(yè)面的問(wèn)題
今天小編就為大家分享一篇解決Angular2 router.navigate刷新頁(yè)面的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
AngularJS constant和value區(qū)別詳解
angularJS可以通過(guò)constant(name,value)和value(name,value)對(duì)于創(chuàng)建服務(wù)也是很重要的。他們之間有什么不同呢？今天小編給大家分享AngularJS constant和value區(qū)別詳解，需要的朋友參考下2017-02-02
這篇文章主要介紹了angularjs的一些優(yōu)化小技巧,本文總結(jié)了5種優(yōu)化技巧,如一次綁定、盡可能少調(diào)用 ng-repeat、盡量在指令里寫(xiě)原生語(yǔ)法、頁(yè)面內(nèi)盡量少用filters等,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了angularJS提交表單（form）的方法和示例,需要的朋友可以參考下2015-02-02
本文給大家介紹angularjs 隱藏和顯示，對(duì)angularjs 隱藏和顯示相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
這篇文章主要介紹了angular.fromJson與toJson方法用法,結(jié)合實(shí)例形式分析了AngularJS使用fromJson與toJson方法進(jìn)行json格式數(shù)據(jù)的解析與轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下2017-05-05
基于Angularjs實(shí)現(xiàn)分頁(yè)功能
這篇文章主要介紹了基于Angularjs實(shí)現(xiàn)分頁(yè)功能的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-05-05