Javascript “后退”按钮它不会将我带到上一页

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”分区中。

我遇到了类似的情况，这是因为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 );
});

---

您是否指示浏览器将以前的内容加载回div？这不是magichow，我可以将以前的内容加载回div吗？提前感谢：-$.load可以做到这一点，不，事实上，这并不是不推荐的。请原谅em moi:-不推荐通知：jqXHR.success、jqXHR.error和jqXHR.complete回调从jQuery 3.0开始被删除。您可以改用jqXHR.done、jqXHR.fail和jqXHR.always。成功与成功不同：。非常常见的误解。请注意，该通知说它们是如何在3.0中被删除的，但即使在3.1中，该通知也仍然有效，而成功已经消失。感谢@KevinB提供的完全可接受的代码示例。或者你指出的样品，因为我的第一个例子也有效。