angular $http post数据和jQuerypost数据不一样
2016-07-12 18:37
465 查看
最近遇到一个坑,用jquery post请求数据的时候有数据响应,但是用angularjs的post方法就没有数据响应,对比了请求头一模一样,唯一不同的就是数据的格式有点不一样:最后发现angular会对post的数据进行一个默认的转换:如果请求的数据包含js对象,angular会默认的把data序列化JSON格式,如果后台没有处理是获取不到data的。解决办法:
var req={ method:'POST', url:'/Product/IsLogout/', headers:{ "Content-Type":"application/x-www-form-urlencoded; charset=UTF-8", "X-Requested-With":"XMLHttpRequest", "Accept":"*/*" }, data:$.param(postData) //把数据先用jq的$.param()转换 } $http(req).then(function(data) { console.log(data); if (data && data != "") { if (data.Code == "-1") { alert(data.Msg); location.href = "/Product/Logout"; } } }, function(response) { console.log(response) });
但是如果你想所有的异步都不需要自动序列化成json格式的话可以这样改:
var module = angular.module('myApp'); module.config(['$httpProvider',function($httpProvider) { $httpProvider.defaults.transformRequest = function(data) { //使用jQuery的param方法把JSON数据转换成字符串形式 return $.param(data); }; }]);这样就可以确保所有的请求都不会自动把数据序列化成json格式
相关文章推荐
- angular.element方法汇总
- 深入学习JavaScript的AngularJS框架中指令的使用方法
- 仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
- Angular用来控制元素的展示与否的原生指令介绍
- 使用angular写一个hello world
- vue,angular,avalon这三种MVVM框架优缺点
- 使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
- AngularJS页面访问时出现页面闪烁问题的解决
- 利用CSS3在Angular中实现动画
- 初识angular框架后的所思所想
- 实例剖析AngularJS框架中数据的双向绑定运用
- 理解Angular数据双向绑定
- Angular中的Promise对象($q介绍)
- Angular实现form自动布局
- 在AngularJS中使用jQuery的zTree插件的方法
- 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
- angular简介和其特点介绍
- AngularJS使用angular-formly进行表单验证
- 详解JavaScript的AngularJS框架中的作用域与数据绑定
- 给angular加上动画效遇到的问题总结