扩展jQuery的方法统一处理AJAX调用过程中产生的异常错误信息

浏览数：68 / 时间：2015年06月09日

由于项目中大量的实用了.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即可，不需要做其它改动；
单独处理异常：如果需要单独处理异常，请将第四个参数设置为异常处理函数；

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： 扩展 jquery ajax 异常 方法 扩展 jquery ajax 异常 方法

相关文章

随机文章

您可能还喜欢

您可能还喜欢