后端接收不到AngularJs中$http.post發(fā)送的數(shù)據(jù)原因分析及解決辦法
1.問題：
后端接收不到AngularJs中$http.post發(fā)送的數(shù)據(jù)，總是顯示為null
示例代碼：
$http.post(/admin/KeyValue/GetListByPage,
{
pageindex: 1,
pagesize: 8
})
.success(function(){
alert("Mr靖");
});
代碼沒有錯(cuò)，但是在后臺(tái)卻接收不到數(shù)據(jù)，這是為什么呢？
用火狐監(jiān)控：參數(shù)是JSON格式
用谷歌監(jiān)控：傳參方式是request payload
可以發(fā)現(xiàn)傳參方式是request payload,參數(shù)格式是json，而并非用的是form傳參，所以在后臺(tái)用接收form數(shù)據(jù)的方式接收參數(shù)就接收不到了
POST表單請(qǐng)求提交時(shí)，使用的Content-Type是application/x-www-form-urlencoded，而使用原生AJAX的POST請(qǐng)求如果不指
定請(qǐng)求頭RequestHeader，默認(rèn)使用的Content-Type是text/plain;charset=UTF-8，而此處的Content-Type是：
--------------------------------------------------------------------------------
2.解決方法：
直接上代碼：
//要通過post傳遞的參數(shù)
var data = {
pageindex: 1,
pagesize: 8,
},
//post請(qǐng)求的地址
url = "/admin/KeyValue/GetListByPage",
//將參數(shù)傳遞的方式改成form
postCfg = {
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
transformRequest: function (data) {
return $.param(data);
}
};
//發(fā)送post請(qǐng)求，獲取數(shù)據(jù)
$http.post(url, data, postCfg)
.success(function (response) {
alert("Mr靖");
});
接下來再看監(jiān)視工具：
火狐監(jiān)視：參數(shù)類型已經(jīng)變成表單數(shù)據(jù)
谷歌監(jiān)視：
現(xiàn)在傳參方式就變成form方式了，然后后端就可以正常接收參數(shù)了！
以上所述是小編給大家介紹的后端接收不到AngularJs中$http.post發(fā)送的數(shù)據(jù)原因分析及解決辦法的相關(guān)知識(shí)，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- 解決angular的$http.post()提交數(shù)據(jù)時(shí)后臺(tái)接收不到參數(shù)值問題的方法
- 對(duì)比分析AngularJS中的$http.post與jQuery.post的區(qū)別
- Angularjs中$http以post請(qǐng)求通過消息體傳遞參數(shù)的實(shí)現(xiàn)方法
- AngularJS下$http服務(wù)Post方法傳遞json參數(shù)的實(shí)例
- AngularJS $http模塊POST請(qǐng)求實(shí)現(xiàn)
- AngularJS $http post 傳遞參數(shù)數(shù)據(jù)的方法
- angularJS 發(fā)起$http.post和$http.get請(qǐng)求的實(shí)現(xiàn)方法
- AngularJS封裝$http.post()實(shí)例詳解
- 深入理解Angularjs中$http.post與$.post
- Angular利用HTTP POST下載流文件的步驟記錄
相關(guān)文章
本文主要介紹AngularJs Forms，這里整理了相關(guān)資料及簡單示例代碼，有需要的朋友可以參考下2016-09-09
基于AngularJS實(shí)現(xiàn)頁面滾動(dòng)到底自動(dòng)加載數(shù)據(jù)的功能
本文主要給大家介紹基于AngularJS實(shí)現(xiàn)頁面滾動(dòng)到底自動(dòng)加載數(shù)據(jù)的功能，通過第三方控件來實(shí)現(xiàn)，感興趣的朋友跟著小編一起看看具體實(shí)現(xiàn)代碼吧2015-10-10
本文給大家總結(jié)了下在Angularjs的模板、控制器、或者服務(wù)中使用Filters的方法，有需要的小伙伴可以參考下2016-03-03
詳解基于angular-cli配置代理解決跨域請(qǐng)求問題
本篇文章主要介紹了詳解基于angular-cli配置代理解決跨域請(qǐng)求問題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了Angular組件化管理實(shí)現(xiàn)方法,結(jié)合具體實(shí)例分析了Angular模塊組件化管理以提高代碼復(fù)用性的實(shí)現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
RequireJS 依賴關(guān)系的實(shí)例(推薦)
下面小編就為大家?guī)硪黄猂equireJS 依賴關(guān)系的實(shí)例(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01
AngularJS基礎(chǔ) ng-click 指令示例代碼
本文介紹AngularJS ng-click 指令,這里整理了ng-click指令的基礎(chǔ)知識(shí)并且附有簡單示例代碼和實(shí)現(xiàn)效果圖,有需要的小伙伴參考下2016-08-08
本文將介紹Angular子路由的用法，對(duì)此感興趣的同學(xué)，可以參考下2021-05-05
Promise是一個(gè)構(gòu)造函數(shù)，自己身上有all、reject、resolve這幾個(gè)異步方式處理值的方法，原型上有then、catch等同樣很眼熟的方法，下面通過實(shí)例代碼給大家講解angularjs promise 的相關(guān)知識(shí)，感興趣的朋友一起看看吧2018-03-03
詳談angularjs中路由頁面強(qiáng)制更新的問題
下面小編就為大家?guī)硪黄斦刟ngularjs中路由頁面強(qiáng)制更新的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04