对比分析AngularJS中的$http.post与jQuery.post的区别
更新时间：2015年02月27日 09:47:22 投稿：hebedich
这篇文章主要给大家对比分析AngularJS中的$http.post与jQuery.post的区别，十分的详细，是篇非常不错的文章，这里推荐给小伙伴们。
很多时候我们需要用ajax提交post数据，angularjs与jq类似，也有封装好的post。
但是jQuery的post明显比angularjs的要简单一些，人性化一些。
AngularJS：
复制代码 代码如下:
$http.post('do-submit.php',myData)
.success(function(){
// some code
});
jQuery：
复制代码 代码如下:
$.post('do-submit.php', myData, function() {
// some code
});
看起来没什么区别吧？可是，用angularjs的$http提交的数据，在php服务器端却无法通过$_REQUEST/$_POST获取到，而需要用：
复制代码 代码如下:
$params = json_decode(file_get_contents('php://input'),true);
来获取。什么原因呢？
这是因为两者的post对header的处理有所不同……jQuery会把作为JSON对象的myData序列化，例如：
复制代码 代码如下:
var myData = { a : 1, b : 2 };
// jQuery在post数据之前会把myData转换成字符串："a=1&b=2"
而Angular不会。
解决方案是什么？
1.引入jquery，前提是目标用户不介意多加载一个几十K的脚本。（不推荐）
2.在服务器端（PHP）通过 $params = json_decode(file_get_contents('php://input'),true); 获取参数，小项目可以，大项目要一个一个改。（不推荐）
3.修改Angular的$httpProvider的默认处理：http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/ （为了便于以后的管理，这是最好的办法）
小伙伴们是否对AngularJS中的$http.post与jQuery.post的区别有了进一步的认识了呢，希望大家读完本文能够有所得。
您可能感兴趣的文章:
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- Angularjs中$http以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中router的使用方法和示例分享,需要的朋友可以参考下2015-02-02
本文通过实例代码给大家介绍了AngularJS日程表案例详解，通过简单代码实现了添加事件/完成事件/删除事件功能，具体代码大家参考下本文2017-08-08
这篇文章主要给大家介绍了关于Angular中使用MathJax遇到的一些问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友下面来一起学习学习吧。2017-12-12
这篇文章主要介绍了angularjs学习笔记之完整的项目结构的相关资料,需要的朋友可以参考下2015-09-09
单页应用中，组件时构建应用的基础元素，页面展示什么内容均是靠页面有什么组件决定的，而展示什么组件又是由一组路由（带有Url元素的特定集合，可用于导航视图）决定的，希望本文可以帮助读者了解路由的基础概念和基础使用、写法。2021-05-05
这篇文章主要为大家介绍了Angular应用懒加载模块配置管理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
这篇文章主要介绍了angular4 获取wifi列表中文显示乱码问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
本教程旨在帮助你尽可能快速而有效地学习AngularJS。通过该教程你会学习到AngularJS的一些基本特性，例如指令、表达式、过滤器、模块和控制器等。以及其它所有你需要知道的有关AngularJS的东西，如事件、DOM节点、表单、用户输入、数据验证、Http对象等。2015-09-09
Angular 4依赖注入学习教程之ClassProvider的使用（三）
这篇文章主要给大家介绍了关于Angular 4依赖注入之ClassProvider使用的相关资料，文中介绍的非常详细，对大家学习或者使用Angular 4具有一定的参考学习价值，需要的朋友可以参考借鉴，下面来一起看看吧。2017-06-06
这篇文章主要介绍了AngularJS页面带参跳转及参数解析操作,结合具体实例形式分析了AngularJS使用URL传递参数及参数的接收、解析等相关操作技巧,需要的朋友可以参考下2017-06-06
最新评论