Question

我的应用程序大量使用$.ajax。如果登录已过期，服务器将返回{"STATUS":"RELOGIN"}之类的内容。我们的应用是这样的，如果用户在应用上没有做任何20分钟的事情就会发生服务器上的注销。

所有帖子都是通过$ .ajax发生的，我想全局更改$ .ajax函数，以便在为请求返回的数据是{"STATUS":"RELOGIN"}的情况下，我想确保显示用户如果发生这种情况会发出一些通知。

我可以把它作为所有请求的成功处理程序

function(data){
if(data.STATUS == "RELOGIN") {
    Notifier.show_error("Login again. Session has expired")
    return
}
// rest of the code depending on the request
}

Notifier是我编写的用于显示通知的内容

但我不认为在太多地方重复使用此代码是个好主意。

我不想触摸jquery源代码。它很漂亮。

Answer 1

看看这个：http://api.jquery.com/ajaxComplete/

您可以使用$.ajaxComplete(function(){...})设置全局ajax完整处理程序（在每个ajax调用完成后调用）

了解更多信息：http://api.jquery.com/jQuery.ajaxSetup/

Answer 2

这是我的想法（http://stackoverflow.com/questions/9815058/extending-jquery-ajax-success-globally）：

var LOGIN_ERROR_HAS_HAPPENED = false
var INTERNAL_SERVER_ERRORS = false
$(function(){
    var Original_AJAX_function = $.ajax;
    $.ajax = function(options){
        if(options.success){
            var original_callback = options.success
        }
        else{
            var original_callback = function(){}
        }
        options.success = function(data){
            if(data.STATUS == "RELOGIN") {
                if(!LOGIN_ERROR_HAS_HAPPENED){
                    LOGIN_ERROR_HAS_HAPPENED = true
                    Notifier.warning("Login again. Redirecting to login page")
                    setTimeout(function(){
                        window.location.href = "/login"
                    }, 5000)
                }
                return
            }
            original_callback(data)
        }
        if(options.error){
            var original_failure_call_back = options.error
        }
        else{
            var original_failure_call_back = function(){}
        }
        options.error = function(data){
            if(!INTERNAL_SERVER_ERRORS||!LOGIN_ERROR_HAS_HAPPENED){
                INTERNAL_SERVER_ERRORS = true
                Notifier.warning("Oops! Something went wrong. Let us know and we will fix it" )
            }
            original_failure_call_back(data)
        }
        Original_AJAX_function(options)
    }
})

我打算把文件放在document.ready函数

中

如何全局覆盖$ .ajax的处理程序

2 个答案: