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

简介: 由于项目中大量的实用了.post方法,而该方法默认不对请求的异常进行处理,后期又要处理该问题。前期的解决方案是将使用.post方法,而该方法默认不对请求的异常进行处理,后期又要处理该问题。

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

目录
相关文章
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
138 5
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
234 6
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
311 1
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
80 4
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
143 2
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
125 2
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
142 1
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
150 0
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
176 0