七鱼Http请求
七鱼http请求库主要封装了三种常用的请求, 并处理了xhr, upload的兼容性问题:
- request[application/x-www-form-urlencoded]
- upload[multipart/form-data]
- json[application/json]
构建npm指令
"dev": "webpack -p --config webpack.config.js",
"test": "karma start karma.conf.js"
生命周期
onbeforesend --> onaftersend --> onprogress
--> onerror
--> onload
接口说明
request
var queryDefault = 'http://localhost:8010/';
var sn = xdr.request(queryDefault+'default', {
onbeforesend: function (options) {
// 请求发送前回调
},
onaftersend : function(){
// 请求发送后回调
},
onerror : function(result){
// 客服端和服务器端错误回调
},
onload : function(result){
// 成功回调
},
onprogress : function(event){
// 进程中回调
}
})json
// 第一种方式
var sn = xdr.request(queryDefault+'json', {
method : 'POST',
type : 'json',
onerror : function(result, data){
},
onload : function(result){
}
})
// 第二种方式
var sn = xdr.json(queryDefault+'json', {
onerror : function(result, data){
},
onload : function(result){
}
})upload
// 第一种方式
var sn = xdr.request(queryDefault+'upload', {
type : 'upload',
onerror : function(result, data){
},
onload : function(result){
}
})
// 第二种方式
var sn = xdr.upload(queryDefault+'upload', {
onerror : function(result, data){
},
onload : function(result){
}
})
// 低版本兼容性处理
var sn = xdr.upload(queryDefault+'upload', {
mode : 'iframe',
onerror : function(result, data){
},
onload : function(result){
}
})服务器设置
服务器端使用Koajs配置了简单的跨域请求环境， 提供了三种请求测试接口。