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