jQuery .load：刷新页面时加载同一页面的任何方法

Question

因此，我有一个网站，可将页面加载到容器div中：

function goto(addr) {
    $("#content").load(addr);
}

和执行它的链接

<a href="#" id="aboutus" onclick="goto('page/aboutus.php');">About us</a>

我的问题是，每刷新页面一次，加载的内容就会重置为默认页面（page / home.php）。 我该怎么做才能加载上一个显示的页面？

Answer 1

例如，使用本地存储或会话。 本地存储示例：

$(document).ready(function() {

    var lastPage = localStorage['lastPage'];
    if (!lastPage) { // If user was on any url before we will exectue goto function
        goto(lastPage)
    }

    function goto(addr) {
         localStorage['lastPage'] = addr; // Set url to local storage before load page
         $("#content").load(addr);
    }

});

Answer 2

不仅是localStore，还需要更改url的哈希，然后执行一个函数来捕获哈希代码并在您执行“ goto”函数时执行...

“那样的东西”

function hashnav(){
   var hashfull = document.location.hash
   var hash = hashfull.replace('#', '');
   var $page = '';
   goto(hash);
}
function changeHash($hash) {
   window.location.hash = $hash;
}

function goto(addr) {
   changeHash(addr);
}

$(window).bind( 'hashchange', function() {
   hashnav();
   return false;
});