后端接收不到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的radio實(shí)現(xiàn)單項(xiàng)二選一的使用方法
下面小編就為大家分享一篇angularJS的radio實(shí)現(xiàn)單項(xiàng)二選一的使用方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02AngularJS iframe跨域打開內(nèi)容時(shí)報(bào)錯(cuò)誤的解決辦法
這篇文章主要介紹了AngularJS iframe跨域打開內(nèi)容時(shí)報(bào)錯(cuò)誤的解決辦法,需要的朋友可以參考下2015-01-01詳解angular路由高亮之RouterLinkActive
這篇文章主要介紹了詳解angular路由高亮之RouterLinkActive,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04AngularJS內(nèi)建服務(wù)$location及其功能詳解
這篇文章主要為大家詳細(xì)介紹了AngularJS內(nèi)建服務(wù)$location及$location功能,感興趣的小伙伴們可以參考一下2016-07-07AngularJS基礎(chǔ) ng-readonly 指令簡(jiǎn)單示例
本文主要介紹AngularJS ng-readonly 指令,這里對(duì)ng-readonly指令的資料做了整理,有學(xué)習(xí)AngularJS 指令的同學(xué)可以參考下2016-08-08對(duì)angularjs框架下controller間的傳值方法詳解
今天小編就為大家分享一篇對(duì)angularjs框架下controller間的傳值方法詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-10-10AngularJS ng-bind-template 指令詳解
本文注意介紹AngularJS ng-bind-template 指令,這里把相關(guān)資料整理了一下,并附實(shí)例代碼,有需要的小伙伴可以參考下2016-07-07