javascript - 后退按钮没有带我到上一页

Question

jQuery 加载正在工作，但是当我按后退按钮时，它不会带我到上一页。

这是代码。

function openPage(url) {

    if(timer != null){
        clearTimeout(timer);
    }
    if(url.indexOf("?") == -1) {
        url = url + "?";
    }

var encodedUrl = encodeURI(url + "&userLoggedIn=" + userLoggedIn);
    console.log(encodedUrl);
    $("#mainContent").load(encodedUrl);
    $("body").scrollTop(0);
    history.pushState(null, null, url);
}

打开页面的跨度是

<span role="link" tabindex="0" onclick="openPage('yourMusic.php')" class="navItemLink">Your Music</span>

问题是，当我单击浏览器后退按钮时，地址栏中的 URL 发生变化，但内容未加载到“#mainContent”div 中。

Answer 1

我遇到了类似的情况，这是由于 ajax 缓存设置为 true。尝试使用 jQuery ajax 并将缓存设置为 false...

$.ajax({
    url: encodedUrl,
    cache: false,
    dataType: "html",
    success: function(data) {
        $("#mainContent").html(data);
    }
});

糟糕

这实际上已经被贬低了。改用这个...

$.ajax({
  url: encodedUrl,
  cache: false
})
.done(function( html ) {
    $( "#mainContent" ).append( html );
});