//事件触发顺序ajaxStart,ajaxSend,ajaxSuccess或ajaxError,ajaxComplete,ajaxStop

$(document).ajaxStart(function (event) {

    /*

     * 每一个ajax即将发送的时候触发该事件，只有一个事件对象参数

     */

    console.log('ajaxStart');

})

$(document).ajaxSend(function (event,xhr,opts,err) {

    /*

     * 每一个ajax即将发送的时候触发该事件

     * 此方法接受四个参数，分别是事件对象，XHR对象，和发起ajax请求的配置对象,错误信息

     */

    if(opts.type == 'get'){

        xhr.abort();

    }

})

$(document).ajaxSuccess(function (event,xhr,opts) {

    /*

     * 此方法接受三个参数，分别是事件对象，XHR对象，和发起ajax请求的配置对象

     * 每一个ajax请求成功都会触发该事件

     * 配置对象中的success回调会先执行，然后再执行这个事件

     */

    console.log(JSON.parse(xhr.responseText))

})

$(document).ajaxError(function (event,xhr,opts,err) {

    /*

     * 此方法接受四个参数，分别是事件对象，XHR对象，和发起ajax请求的配置对象,错误信息

     * 每一个ajax请求失败都会触发该事件

     * 配置对象中的error回调会先执行，然后再执行这个事件

     * 如果是客户端错误导致请求失败,err的值有可能是timeout,error,abort,或者是抛出错误异常对象

     */

    console.log(err)

})

$(document).ajaxComplete(function (event,xhr,opts) {

    /*

     * 此方法接受三个参数，分别是事件对象，XHR对象，和发起ajax请求的配置对象

     * 每一个ajax请求完成都会触发该事件，不管请求的结果如何

     * 配置对象中的complete回调会先执行，然后再执行这个事件

     */

})

$(document).ajaxStop(function (event) {

    /*

     * 此方法只接受一个事件对象参数，此事件只触发一次

     * 当所有ajax请求完成的时候调用一次，不管ajax请求的状态是失败还是成功或是被取消

     */

})