使用 Ajax 进行分页时，Chrome 后退按钮不保留 url 历史记录

Question

请帮帮我。我最近将 ajax 用于我的 laravel 分页。每当我点击他的后退按钮。它不会回到我来自的页面。它回到第 1 页。让我清楚地说明这一点。 (1) 我有一个用 jquery ajax 分页的项目列表。 (2) 当我访问第 5 页（例如）并单击一个项目以查看该项目的详细信息并决定单击浏览器返回按钮时，我预计将被带回我所在的第 5 页。相反，我被带回到第 1 页。 (3) 这只发生在 chrome 相关的浏览器中。它在 Firefox 中运行良好；

//下面是我的 AJAX 代码；

$(document).ready(function(){

$(document).on('click','.pagination a',function(e){
    e.preventDefault();
    var pageNumber = $(this).attr('href').split('page=')[1];
    getMorePage(pageNumber)
});

function getMorePage(page) {
    $.ajax({
        url: "/all-products-ajax/"+"?page="+page,
        type: "get",
        datatype: "html"
    }).done(function (data) {
        $('#product-view').html(data); 
    }).fail(function () {
        alert('Posts could not be loaded.');
    });
}

});

Answer 1

Ajax 查询不同于浏览网页。您可能需要注册浏览器历史记录的新路由。

https://developer.mozilla.org/en-US/docs/Web/API/History/pushState

您可能想在这里查看。