在 POST ajax 处理程序中更改 window.location 会发出新的 ajax 调用,而不是重定向
Changing window.location within a POST ajax handler issues a new ajax call instead of redirecting
我已经达到了集中如何进行ajax调用的需求,以便在一个地方处理会话超时。所以,我有一个看起来像这样的函数:
function doAjax(settings) {
var innerSuccess = function(response) {
if(response.indexOf("{logout test string}") > -1){
window.location = {login page url};
return;
}
}
if(settings.success) {
var successFunc = settings.success;
innerSuccess = function(response) {
... same if statement from above ...
successFunc(response);
}
}
settings.success = innerSuccess;
$.ajax(settings);
}
在上面,除了设置window.location
,我还尝试了设置window.location.href
,使用window.location.assign(..)
和window.location.replace(..)
。但是,无论我做什么,我最终都会留在页面上,Chrome的网络调试器显示我尝试执行的登录页面重定向只是另一个ajax调用,而不是将我带到该URL。为了测试这一点,我执行以下操作:
- 正常登录到我的站点以创建有效的用户会话
- 导航到此代码所在的页面
- 打开浏览器调试工具
- 通过我的
doAjax
方法进行一次调用以确保其正常工作 - 我可以在"网络"选项卡上看到此呼叫 - 一切看起来都很好,
type
xhr
- 打开任务管理器
- 终止 IIS 进程(这是一个 .Net 站点)
- 再次从步骤4进行调用,只有这次我可以在"网络"选项卡上看到网络重定向,但其
type
也xhr
并且我保持在同一页面上
这其中没有任何内容试图使页面更改域。目前,无论如何,这都是本地主机。我已经验证了我在代码示例中查找的条件在控制台上是否正确。我什至可以看到登录页面 URL 的GET
,并带有状态 200。
需要明确的是,如果初始ajax调用是GET
,则我的代码的预期功能很好,并且此行为仅在初始请求为POST
时才发生。
我可以更改此行为吗?
下面是我根据实际调用传递给doAjax
的粗略示例。
window.doAjax({
url: "http://localhost/Foo/Bar",
dataType: "json",
contentType: "application/json",
data: JSON.stringify({ "values" : barValues }),
type: "POST",
success: function (response) {
$("#obj-id"). --- parse the response here ---
$("#obj-parent-id").show();
}
});
这是失败的例子之一。一个完全按照我期望工作的方法如下所示。
window.doAjax({
url: "http://localhost/Foo/Baz",
complete: function(xhr, status) {
modal.dialog("close");
},
error: function (xhr, status, error) {
--- parse xhr/status/error to formulate a message to alert ---
},
success: function (data) {
var pane = --- build an element based on what's contained in data ---
$("#panes").append(pane);
loadedPanes.push(data.Name);
}
});
问题归结为这样一个事实,即根据我的观察,在我注销并且浏览器和服务器将在幕后执行 302 操作(从 XHR 对象的角度来看)以响应登录页面的情况下,这些不是由成功处理程序处理的。这些由完整的处理程序处理。
相关文章:
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- Javascript/jQuery中的并行Ajax调用
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- node.js请求数据事件未在CORS ajax调用中触发
- 如何从ajax调用返回.wrap()元素
- Ajax调用在Firefox中不会自动响应
- AJAX调用中的非法调用
- 使用AJAX调用将GeoJSON数据拉入传单
- 在MVC 4中,对Controller的Ajax调用为空
- Jquery:对返回JSON数据的php脚本的Ajax调用
- 在ajax调用中阻止来自JS对象的函数
- 如何在MVC5中ajax调用的部分视图中引用外部javascript
- 页面加载后的Ajax调用
- 如何使用Ajax调用特定的控制器和操作来重定向用户
- curl和fileget_contents在ajax调用后不起作用
- 在任何AJAX调用之前触发一个javascript函数
- 无法在mvc视图中使用ajax调用获取操作返回的模型对象列表
- Ajax调用ERror Cross Origin REquest:在rails中自动完成大学列表
- ASP.NET MVC 3-在ajax调用后,重定向到新页面或生成页面刷新
- 点击功能没有'ajax调用动态元素(Backbone)后无法工作