七鱼Http请求

七鱼http请求库主要封装了三种常用的请求, 并处理了xhr, upload的兼容性问题:

1. request[application/x-www-form-urlencoded]
2. upload[multipart/form-data]
3. 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配置了简单的跨域请求环境， 提供了三种请求测试接口。