后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
更新时间：2016年07月05日 09:08:19 作者：Mr靖
这篇文章主要介绍了后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法的相关资料,需要的朋友可以参考下
1.问题：
后端接收不到AngularJs中$http.post发送的数据，总是显示为null
示例代码：
$http.post(/admin/KeyValue/GetListByPage,
{
pageindex: 1,
pagesize: 8
})
.success(function(){
alert("Mr靖");
});
代码没有错，但是在后台却接收不到数据，这是为什么呢？
用火狐监控：参数是JSON格式
用谷歌监控：传参方式是request payload
可以发现传参方式是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是：
--------------------------------------------------------------------------------
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靖");
});
接下来再看监视工具：
火狐监视：参数类型已经变成表单数据
谷歌监视：
现在传参方式就变成form方式了，然后后端就可以正常接收参数了！
以上所述是小编给大家介绍的后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- 对比分析AngularJS中的$http.post与jQuery.post的区别
- Angularjs中$http以post请求通过消息体传递参数的实现方法
- AngularJS下$http服务Post方法传递json参数的实例
- AngularJS $http模块POST请求实现
- AngularJS $http post 传递参数数据的方法
- angularJS 发起$http.post和$http.get请求的实现方法
- AngularJS封装$http.post()实例详解
- 深入理解Angularjs中$http.post与$.post
- Angular利用HTTP POST下载流文件的步骤记录
相关文章
本文主要介绍AngularJs Forms，这里整理了相关资料及简单示例代码，有需要的朋友可以参考下2016-09-09
本文主要给大家介绍基于AngularJS实现页面滚动到底自动加载数据的功能，通过第三方控件来实现，感兴趣的朋友跟着小编一起看看具体实现代码吧2015-10-10
本文给大家总结了下在Angularjs的模板、控制器、或者服务中使用Filters的方法，有需要的小伙伴可以参考下2016-03-03
本篇文章主要介绍了详解基于angular-cli配置代理解决跨域请求问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了Angular组件化管理实现方法,结合具体实例分析了Angular模块组件化管理以提高代码复用性的实现方法与相关操作技巧,需要的朋友可以参考下2017-03-03
下面小编就为大家带来一篇RequireJS 依赖关系的实例(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
本文介绍AngularJS ng-click 指令,这里整理了ng-click指令的基础知识并且附有简单示例代码和实现效果图,有需要的小伙伴参考下2016-08-08
本文将介绍Angular子路由的用法，对此感兴趣的同学，可以参考下2021-05-05
Promise是一个构造函数，自己身上有all、reject、resolve这几个异步方式处理值的方法，原型上有then、catch等同样很眼熟的方法，下面通过实例代码给大家讲解angularjs promise 的相关知识，感兴趣的朋友一起看看吧2018-03-03
下面小编就为大家带来一篇详谈angularjs中路由页面强制更新的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
最新评论