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

Question

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

<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="#"我的脚本将不再起作用？

它与窗户有什么关系吗？

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

Answer 1

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"是一个可选参数,用于强制重新加载.浏览器甚至不会查看缓存.它会像你说的那样.