后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法


Posted in Javascript onJuly 05, 2016

1.问题:

后端接收不到AngularJs中$http.post发送的数据,总是显示为null

示例代码:

$http.post(/admin/KeyValue/GetListByPage,
{ 
pageindex: 1,
pagesize: 8
})
.success(function(){ 

alert("Mr靖");

});

代码没有错,但是在后台却接收不到数据,这是为什么呢?

用火狐监控:参数是JSON格式

后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法

用谷歌监控:传参方式是request payload

后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法

可以发现传参方式是request payload,参数格式是json,而并非用的是form传参,所以在后台用接收form数据的方式接收参数就接收不到了

POST表单请求提交时,使用的Content-Type是application/x-www-form-urlencoded,而使用原生AJAX的POST请求如果不指
定请求头RequestHeader,默认使用的Content-Type是text/plain;charset=UTF-8,而此处的Content-Type是:

后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法

--------------------------------------------------------------------------------

2.解决方法:

直接上代码:

//要通过post传递的参数
var data = {
pageindex: 1,
pagesize: 8,
},
//post请求的地址
url = "/admin/KeyValue/GetListByPage",
//将参数传递的方式改成form
postCfg = {
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
transformRequest: function (data) {
return $.param(data);
}
};
//发送post请求,获取数据
$http.post(url, data, postCfg)
.success(function (response) {
alert("Mr靖");
});

接下来再看监视工具:

火狐监视:参数类型已经变成表单数据

后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法

谷歌监视:

后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法

现在传参方式就变成form方式了,然后后端就可以正常接收参数了!

以上所述是小编给大家介绍的后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javaScript Array(数组)相关方法简述
Jul 25 Javascript
Jquery给基本控件的取值、赋值示例
May 23 Javascript
jQuery中[attribute=value]选择器用法实例
Dec 31 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
Mar 03 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
Sep 01 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
javascript中闭包概念与用法深入理解
Dec 15 Javascript
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
Vue2.0系列之过滤器的使用
Mar 01 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
vue实现简单的日历效果
Sep 24 Javascript
vue使用openlayers实现移动点动画
Sep 24 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
Jul 04 #Javascript
Bootstrap实现水平排列的表单
Jul 04 #Javascript
JSONP跨域请求实例详解
Jul 04 #Javascript
Bootstrap表单布局样式源代码
Jul 04 #Javascript
JS JSOP跨域请求实例详解
Jul 04 #Javascript
json格式的javascript对象用法分析
Jul 04 #Javascript
jQuery简单动画变换效果实例分析
Jul 04 #Javascript
You might like
mysql5详细安装教程
2007/01/15 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
PHP小白必须要知道的php基础知识(超实用)
2017/10/10 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
js onload处理html页面加载之后的事件
2013/10/30 Javascript
什么是 AngularJS?AngularJS简介
2014/12/06 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
微信小程序 wx:key详细介绍
2016/10/28 Javascript
基于jQuery实现的幻灯图片切换
2016/12/02 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
JavaScript两个变量交换值的实现方法
2017/03/01 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
利用pandas将numpy数组导出生成excel的实例
2018/06/14 Python
Python模块、包(Package)概念与用法分析
2019/05/31 Python
AUC计算方法与Python实现代码
2020/02/28 Python
Django框架静态文件处理、中间件、上传文件操作实例详解
2020/02/29 Python
keras load model时出现Missing Layer错误的解决方式
2020/06/11 Python
python中@contextmanager实例用法
2021/02/07 Python
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
使用索引(Index)有哪些需要考虑的因素
2016/10/19 面试题
中英双版中文教师求职信
2013/10/27 职场文书
历史系毕业生自荐信
2013/10/28 职场文书
门卫工作岗位职责
2013/12/17 职场文书
大一军训感言
2014/01/09 职场文书
初中生自我鉴定
2014/02/04 职场文书
幼儿园教师工作感言
2014/02/15 职场文书
商铺门前三包责任书
2014/07/25 职场文书
2014年局领导班子自身建设情况汇报
2014/11/21 职场文书
冲出亚马逊观后感
2015/06/03 职场文书
校园安全学习心得体会
2016/01/18 职场文书
2019年世界儿童日宣传标语
2019/11/22 职场文书
GO语言异常处理分析 err接口及defer延迟
2022/04/14 Golang