ajax

import ajax from 'wwl-ajax';

//实际请求url: http://127.0.0.1/?name=wwl%26,   
//如果设置 {encodeExclude:true}或{encodeExclude:['name']}; 则为http://127.0.0.1/?name=wwl&
var promise = ajax({
    url: 'http://127.0.0.1',
    data: {name: "wwl&"}
});

typeof promise.abort === 'function';    //true

promise.then(function (res) {
    console.log(res); //{ data:'data from server', status:200, statusText:'OK' , xhr: XMLHttpRequest }
}, function (res) {
    console.log(res); //{ data:'', status:404, statusText:'Not Found' , xhr: XMLHttpRequest }
});

//实际请求url: http://127.0.0.1?name=wwl&callback=__jsonp__1
var promise = ajax({
        url: 'http://127.0.0.1',
        method: 'JSONP',
        data: {name: "wwl"},
        cbParam: 'callback',     //可忽略，默认为callback
        cbName: '__jsonp__1',    //可忽略，默认为__jsonp__${count}
    });

typeof promise.abort === 'function';    //true

promise.then(function (res) {
    console.log(res); //{ data:'data from server', status:200, statusText:'ok'  }
}, function (res) {
    console.log(res); //{ data:'', status:400, statusText:'timeout'}
});

//实际请求url: http://127.0.0.1/?id=1
//http body为: name=wwl&sex=male
    ajax({
        url: 'http://127.0.0.1',
        method: 'POST',
        params: {id: '1'},
        data: {name: 'wwl',sex:'male'}
    });

    var data=new FormData();
    data.append('file',document.querySelector('[input=file]').files[0]);
    data.append('name','wwl');
    ajax({
        url: 'http://127.0.0.1',
        method: 'POST',
        data: data
    });

 ajax({
        url: 'http://127.0.0.1',
        method: 'POST',
        data: {
            name: 'wwl',
            file: document.querySelector('[input=file]').files[0]
        },
        contentType:'formdata'
    });

//http body为:  {"name":"wwl"}
    ajax({
        url: 'http://127.0.0.1',
        method: 'POST',
        data: {name: 'wwl'},
        contentType:'json'
    });

    ajax({
        url: 'http://127.0.0.1',
        method: 'POST',
        data: '123'
    });

    ajax({
        url: 'http://127.0.0.1',
        method: 'POST',
        data: document.querySelector('[input=file]').files[0]
    });

<string>     require
请求的url

<string>    
默认为GET，支持JSONP。不区分大小写。

<any>      
请求数据。
支持FormData,File,Blob,String,Object。
如果method为GET或JSONP，该参数效于params。

<any>
如果是对象，转换为&key=value的形式添加到url，
如果是字符串，转换为&params的形式添加到url。 

<Object>
默认为{},设置请求头。

<number>
设置超时时间。jsonp默认30秒超时，其他情况下默认无超时时间。

<boolean>
设置withCredentials 

<string>
有效值为: "urlencoded","formdata","json"，默认为"urlencoded"。
当method为post时，且data参数为普通对象时，
则默认使用application/x-www-form-urlencoded的形式；
如果设置为"formdata", 则使用multipart/form-data的形式；
如果设置为"json", 则使用application/json的形式。

<function>
转换请求数据data。
回调签名: callback(data,config)
data: 当前请求对象。
config: 传入ajax()方法的配置对象。

<function>
转换返回结果。
回调签名: callback(data)
data: 请求的返回结果。

<boolean|Array>
默认情况情况下，会通过encodeURIComponent，对params参数进行转义。
如果data不是FromData、File、Blob、Buffer类型，也会对data进行转义。
如果设置encodeExclude为true，则取消转义。
如果设置encodeExclude为数组，则可对特定的键取消转义。

<string>
针对jsonp的参数，回调的参数名，默认为callback。

<string>
针对jsonp的参数，回调的函数名，默认为 __jsonp__${cnt}。
即默认情况下，第一个jsonp的请求参数为: ?callback=__jsonp__1

<string>
针对jsonp的参数，设置jsonp的字符编码。
默认为utf-8.

请求的返回值。

<number>
请求的返回状态码。

<string>
请求的返回状态的字符串。

<XMLHttpRequest>
内部的XMLHttpRequest对象，如果jsonp，则该值为undefined。

import ajax from 'wwl-ajax';

var url = 'http://127.0.0.1';

ajax({url:url,method:undefined});
//等效于 ajax({ url:url });