当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 =＆quot;＃＆quot; ，我的脚本将无效了吗？

它与窗口有什么关系吗？

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

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 );

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

Answer 2

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

Answer 3

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