后端接收不到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将string类型转换int类型
Dec 09 Javascript
js去除重复字符串两种实现方法
Jan 09 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
Jan 25 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
vue.js源代码core scedule.js学习笔记
Jul 03 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
Jan 03 Javascript
微信小程序webview实现长按点击识别二维码功能示例
Jan 24 Javascript
小程序实现录音功能
Sep 22 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
英雄试炼之肉山谷—引领RPG新潮流
2020/04/20 DOTA
PHP的单引号和双引号 字符串效率
2009/05/27 PHP
ThinkPHP的Widget扩展实例
2014/06/19 PHP
PHP结合Mysql数据库实现留言板功能
2016/03/04 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
Yii2实现UploadedFile上传文件示例
2017/02/15 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
2015/02/04 Javascript
JavaScript的jQuery库插件的简要开发指南
2015/08/12 Javascript
页面内容排序插件jSort使用方法
2015/10/10 Javascript
jQuery学习心得总结(必看篇)
2016/06/10 Javascript
微信小程序前端源码逻辑和工作流
2016/09/25 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
详解React native fetch遇到的坑
2018/08/30 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
2020/08/03 Javascript
python开发之字符串string操作方法实例详解
2015/11/12 Python
深入理解Django的自定义过滤器
2017/10/17 Python
Python使用ffmpy将amr格式的音频转化为mp3格式的例子
2019/08/08 Python
pytorch实现特殊的Module--Sqeuential三种写法
2020/01/15 Python
Django Session和Cookie分别实现记住用户登录状态操作
2020/07/02 Python
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
进程的查看和调度分别使用什么命令
2015/03/25 面试题
一套中级Java程序员笔试题
2015/01/14 面试题
施工安全协议书
2013/12/11 职场文书
优秀志愿者事迹材料
2014/02/03 职场文书
大学生会计职业生涯规划范文
2014/02/28 职场文书
《与朱元思书》的教学反思
2014/04/17 职场文书
优秀团员自我评价范文
2014/04/23 职场文书
安全教育观后感
2015/06/17 职场文书
心得体会格式及范文
2016/01/25 职场文书
小学生六年级作文之关于感恩
2019/08/16 职场文书
Java代码规范与质量检测插件SonarLint的使用
2022/08/05 Java/Android