gpt4 book ai didi

javascript - 全局 ajaxSuccess 事件在本地成功事件之前

转载 作者:行者123 更新时间:2023-11-28 01:32:10 24 4
gpt4 key购买 nike

我有一个 ASP MVC 应用程序,它允许用户通过 jQuery ajax 调用向 div 添加多个部分 View 。

jQuery("#AddNew").click(function () {
$.ajax({
url: this.href,
cache: false,
success: function (html) {
jQuery("#DivId").append(html);
}
});
return false;
});

问题在于,由于必须授权用户执行返回部分 View 的操作,因此当用户的 session 超时时,它将呈现登录页面而不是部分 View 。我有多个地方使用类似的 ajax 调用,因此我添加了以下内容作为全局 ajaxSuccess 事件:

jQuery(document).ajaxSuccess(function (event, request, settings) {
var isLogin = jQuery(request.responseText).find('.login-form').length;
if (isLogin > 0) {
var url = document.URL;
var rootPath = '@Request.Url.GetLeftPart(UriPartial.Authority)';
var path = url.replace(rootPath, '');
var pathEncoded = encodeURIComponent(path);
var loginURL = rootPath + "/Account/Login?returnUrl=" + pathEncoded;
location.href = loginURL;
}
});

这是有效的,因为当发出未经授权的 ajax 请求时,它会将用户重定向到登录页面。然而,它仍然将 html 添加到 div,在重定向之前它会在短时间内可见。

有没有办法让全局事件在本地事件之前触发? jQuery API显示本地成功事件在全局ajaxSuccess事件之前触发,因此我尝试将ajax调用更改为使用完整,而不是成功。这确实有效,但似乎如果出于某种原因我需要在将来添加仅在成功时执行的代码,我会遇到同样的问题。有没有更好的方法来处理这个问题?

最佳答案

我可能建议创建您自己的 API 来包装 ajax 方法,以确保您所需的功能(特别是操作顺序)。这是一个非常简单的示例:

var async = function(props) {
var finished = $.Deferred();
$.ajax(props)
.done(function(response) {
// detect auth timeout, handle consisently
if(response.isAuthTimeout) {
// render login ui
finished.reject('auth-timeout');
} else {
finished.resolve.apply(finished, arguments);
}
})
.fail(function() {
finished.reject.apply(finished, arguments);
})
return finished;
};

然后,在实践中,您将调用 async(或您决定调用包装器的任何内容),而不是 native $.ajax API。

有道理吗?

关于javascript - 全局 ajaxSuccess 事件在本地成功事件之前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21997075/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com