在我的主页上,我得到了:
<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="#"
我的脚本将不再起作用?
它与窗口有什么关系吗?
当我点击一个链接时它是否改变了它的属性,即使事件的传播被停止了?
答案 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:如果他们没有看到,请不要登录。