封面
编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并不相同。不过 jQuery 已经帮忙处理掉了这些兼容，但代码写多了还是觉得不爽，因为它不能给我以下的体验:
- 更简单的链式 API；
- 页面中的所有请求要附加一些公共参数；
- 不能统一处理服务返回的自定义错误；
新的 API
不爱动手的程序员不是好攻城狮。😄 因此，我基于 jQuery，重新封装了一层。
这是一个例子
//附加公共参数
$http.global("token","abcd321");
$http.use("/api", (res) => {
if (res.success) {
return true;
}
var err = res.error;
if (err.code === 1001) {
location.href = "/login.html";
} else {
alert(err.message);
}
return false;
});
$http.get("/api/user").type("json")
.param("id", 110) .send( (res) => {
// 过滤器处理完才会执行到这一步
var datum = res.datum;
alert("Name: " + datum.name);
console.log(res.datum);
}, (err) => {
alert("查询失败了额");
console.error(err);
});
这是详细的API说明
设置公共参数；
$http.global(key, value);
设置过滤器；
$http.use(urlPrefix, option [optinal], callback);
设置请求类型；
$http.get(url);$http.getJson(url);$http.post(url);$http.put(url);$http.delete(url);
增加请求参数；
$http.param(key, value);$http.params(paramJson);
设置请求头；
$http.header(key, value);$http.headers(paramJson);
其它扩展选项；
$http.cache(boolean);$http.type("json/xml/html");$http.async(boolean);$http.timeout(number);
发送请求并处理回调；
$http.send(options [optional], successCallback, errorCallback);
Gist 地址
https://gist.github.com/lenbo-ma/0213bfea8e3f08ff8d66
搜索微信号threetimes1992，关注我。
内容大多会是后端技术、前端工程、DevOps，偶尔会有一些大数据相关，会推荐一些好玩的东西。希望你会喜欢~
一切，源于喜欢。
