如何在按下F5或刷新按钮时仅刷新页面的一部分

Question

我正在设计一个包含所有页面共享菜单的Web应用程序.因此我决定使用jquery加载div中菜单按钮链接的内容.

所以,我有这个:

     $("#AddNewProductBtn").click(function() {
       $("#content").load("addproduct.html");
   });

我想跟踪"#content"div中显示的页面.如果用户刷新页面,我想在"#content"中加载相同的页面.有没有办法做到这一点,还是有任何解决方法？

我看到一些使用iframe加载页面的网站,但是当用户点击菜单中的按钮时,网址也会被更改.我没有找到任何关于如何做到这一点的信息.

谢谢

Answer 1

这是F5和CTRL + R的解决方案

$(document).keydown(function(e) {
    if (e.which == 116 || e.keyCode == 82 && e.ctrlKey) { //116 = F5
        $("#content").load("addproduct.html");
        return false;
    }
}); 

Answer 2

您应该将参数附加到网址的哈希部分(在#之后),例如domain.com/index.php#addproduct

然后在document.ready上检查#之后的值并加载相应的内容.

像jQuery历史的一些插件使用这种技术.

此外,您可以在浏览器中利用本地存储和缓存部分代码,因此您不会在第二次使用AJAX调用加载内容.