我如何回调AJAX成功功能后，成功的春季安全登录

Question

我有发出AJAX调用的客户端。这些调用引用服务器端Spring Security保护的url。如果用户的会话已经超时，我将在灯箱中弹出一个登录表单。用户成功登录后，我希望客户端重新执行AJAX调用。

下面是一个客户端代码的例子，它发出一个AJAX调用:

function handleSearchClick(evt) {
    var setupOptions = { 
        success: loadSearch,
        type: "POST",
        dataType: "json",            
        url:   "../search.ajax",
        error: handleError, // how can I pass callback info i.e. I want to be able to execute $("#searchForm").ajaxSubmit(setupOptions); from handleError? 
        timeout: 50000
    };                
    $("#searchForm").ajaxSubmit(setupOptions);
}

当身份验证失败时，服务器返回401，导致客户端调用handleError。是否有可能将回调函数传递给handleError?我希望回调重新执行

$("#searchForm").ajaxSubmit(setupOptions);

我已经看到了这个问题的解决方案，其中服务器在会话超时的AJAX调用上返回成功响应。然后，成功函数在响应中查找某些内容以了解会话超时。然后客户端在那里存储一个回调函数。我更喜欢在error函数中处理这个

Answer 1

执行的请求

$("#searchForm").ajaxSubmit(setupOptions);

可以通过调用

在handleError函数中重新执行。

$.ajax(this);

不需要传入回调函数来重新执行:

$("#searchForm").ajaxSubmit(setupOptions);

Answer 2

我在这里提到过:如何在不刷新页面的情况下发送表单?

这是为错误处理程序提供回调的方式。

$.ajax({
    url: siteUrl + 'fetch/search',
    type: "POST",
    data: formData,
    success: function(data) {
      .....
    },
    error:function(x,e){
        if(x.status==0){
            alert('You are offline!!n Please Check Your Network.');
        }else if(x.status==404){
            alert('Requested URL not found.');
        }else if(x.status==500){
            alert('Internel Server Error.');
        }else if(e=='parsererror'){
            alert('Error.nParsing JSON Request failed.');
        }else if(e=='timeout'){
            alert('Request Time out.');
        }else {
            alert('Unknow Error.n'+x.responseText);
        }
    }
});

但是你可以这样做

function handleSearchClick(evt) {
    var setupOptions = { 
        success: loadSearch,
        type: "POST",
        dataType: "json",            
        url:   "../search.ajax",
        error: handleError(x,e), // this should do it
        timeout: 50000
    };                
    $("#searchForm").ajaxSubmit(setupOptions);
}

Answer 3

闭包:

function handleSearchClick(evt) {
    var setupOptions = {
        success: loadSearch,
        type: "POST",
        dataType: "json",
        url: "../search.ajax",
        timeout: 50000
    };
    setupOptions.error = handleError(setupOptions);
    $("#searchForm").ajaxSubmit(setupOptions);
}
function handleError(setupOptions) {
    return function () {
        // handle error
        // then re-submit
        $("#searchForm").ajaxSubmit(setupOptions);
    };
}

注意，这会创建一个引用循环(setupOptions有一个对由handleError返回的错误函数的引用，而错误函数有一个对setupOptions的引用)，但这应该很容易被任何像样的浏览器垃圾收集。