使用Ng开发中必不可少要用到$http通信,那么这个$http 和JQ封装好的ajax有什么区别呢?
1.$http 的post传递参数方法不同
ng使用post方法传递的参数是json格式,而Jq的post方法传递过去的参数是form表格传递方式,所以如果使用ng开发,最好一开始就和后台约定好接收数据时先解析json数据,不然后台很有可能接收不了数据。
2.ng能配合$q使用Promise方式
虽然新版Jq也支持Promise,不过Ng的也很不错
附上一篇文章
https://segmentfault.com/a/1190000002788733
3.ng能写拦截器,统一处理某些状态
一般使用Jq的Ajax时,都会做一些错误处理,然而如果项目庞大了,有些错误处理是重复多次书写的。就算是简简单单写一个 error
方法,写多了也会觉得很烦。
但是Ng支持一个拦截器的服务
angular.module("app").factory('myInterceptor', ['$log', function($log) {
//拦截器 统一处理 登陆异常状态
var myInterceptor = {
response: function(response) {
// $rootScope.loading = false;
if (response.status == 200) {
var info = response.data;
if (info.status == 0) {
location.href = "/adminWcloud/login.html";
}
} else {
ot.warn("这次请求发生错误")
}
response.config.responseTimestamp = new Date().getTime();
return response;
}
};
return myInterceptor;
}]);
以上代码是创建一个叫myInterceptor
的服务,response
表示如果请求有响应时执行funtion
那么当请求状态为200
时就是请求成功,不是就是请求失败,所以统一一个错误提示方法(ot为本人封装好的一个提示方法
)。但请求成功不代表这次请求没有错误,例如我接收到请求数据有个字段属性为0时,代表 用户操作异常 , 我需要将用户弹回登陆页面,重新登陆。
然后在app中注入服务
$httpProvider.interceptors.push('myInterceptor');