当window.location = self.location不起作用时,通过AJAX重新加载页面

时间:2008-10-08 02:21:15

标签: javascript browser caching reload

在我的主页上,我得到了:

<ul id="login">
  <li> <a id="loginswitch" href="./login-page">log-in</a> | </li>
  <li> <a id="signupswitch" href="./signup-page">sign-up</a> </li>
</ul>

通过MooTools,我通过id获取这些锚元素,这样一旦点击它们,就会在它们下方弹出一个华丽的div,其中包含登录或注册表单(当然还有停止事件传播的方法) 在填写AJAX调用的字段时 - 这应该创建一个会话并重新加载页面,以便用户可以看到他现在已登录并出现用户级控件等。

ajax调用由MooTools AJAX类启动,evalScripts选项设置为true。 AJAX页面返回脚本代码:

<script type="text/javascript">window.location = self.location;</script>

这个系统工作得很好 - 现在我想知道为什么如果我将锚点'href值更改为href="#"我的脚本将不再起作用?

它与窗口有什么关系吗?

当我点击一个链接时它是否改变了它的属性,即使事件的传播被停止了?

3 个答案:

答案 0 :(得分:20)

window.location = self.location;

此javascript正在执行

执行时,会告诉浏览器用新值替换window.location的值。 并非所有浏览器都会在此处做出同样的反应..有些可能会按预期工作,但其他人会对此有所了解并比较这两个值。 浏览器知道它所在的页面,它知道您只是要求它转到同一页面。

浏览器缓存

浏览器甚至还有缓存中当前页面的副本。它可以与服务器通信并询问它在缓存中的页面是否仍然有效。如果缓存有效,则可以决定不强制重新加载页面。在幕后,这会发生在HTTP标头上。浏览器和服务器可以通过多种方式通过HTTP进行通信。在这种情况下,您的浏览器会向服务器发送快速请求,说明如下:

GET /stackoverflow.com/posts/196643/index.html
HTTP/1.1
Host: www.stackoverflow.com
User-Agent: Mozilla/5.0
If-Modified-Since: Sun, 12 Oct 2008 20:41:31 GMT

这称为条件GET请求。通过说 If-Modified-Since ,您的浏览器会说:“给我这个文件,但只有在我上次看到它之后它才被修改。”

长话短说,您还没有明确告诉浏览器重新加载页面。

以下是您的方法:

location.reload( true );

“true”是可选参数,用于强制重新加载。浏览器甚至不会查看缓存。它只会按照您的说法进行操作。

答案 1 :(得分:1)

转到页面上的锚点 - 这是#表示的 - 不需要重新加载。

答案 2 :(得分:0)

如果他们在工作中把这个特殊的任务交给我,我就会把它踢回去设计。除非我们讨论的是安全页面或OpenID登录,否则您不应弹出登录或登录表单。用户需要学习在页面顶部查找https:如果他们没有看到,请不要登录。