扩展jQuery的方法统一处理AJAX调用过程中产生的异

页面导航:首页 > 网络编程 > JavaScript > 扩展jQuery的方法统一处理AJAX调用过程中产生的异

扩展jQuery的方法统一处理AJAX调用过程中产生的异

来源: 作者: 时间:2016-02-03 09:20 【

由于项目中大量的实用了 post方法,而该方法默认不对请求的异常进行处理,后期又要处理该问题。前期的解决方案是将使用 post请求都改造为$ ajax请求,但由于两个方法的实现(需要的

由于项目中大量的实用了.post方法,而该方法默认不对请求的异常进行处理,后期又要处理该问题。前期的解决方案是将使用.post请求都改造为$.ajax请求,但由于两个方法的实现(需要的参数)等相差很大,修改起来很麻烦!

期间尝试使用定义“AJAX 请求发生错误时执行函数($(document).ajaxError())”
的方式来解决问题,但影响范围太大,长轮询发生的错误也被捕获,导致页面一打开就弹出异常的对话框。

所以这里采用扩展jQuery的方法的技术来解决问题:

/* 扩展jQuery.post方法
 * 用于支持错误处理,原来使用$.post的地方只需要改为$.postEx即可,不需要做其它改动;
 * 如果需要单独处理异常,请将第四个参数设置为异常处理函数;
 */
jQuery.extend({
    postEx:function(requestUrl, sendData, successCallback, errorCallback) {
        if (typeof errorCallback === 'undefined'){
            errorCallback = ajaxErrorEx;
        }

        $.ajax({
            url: requestUrl,
            data: sendData,
            type: "post",
            cache: false,
            dataType: 'json',
            timeout: 30000,
            success: successCallback,
            error: errorCallback
        });
    }
});

统一异常处理:原来使用.post的地方只需要改为.postEx即可,不需要做其它改动;
单独处理异常:如果需要单独处理异常,请将第四个参数设置为异常处理函数;

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<