pjax ：HTML 链接，其工作方式类似于浏览器后退按钮

我使用 pjax 进行网站导航。我需要创建一个 HTML 后退按钮，其工作方式与浏览器后退按钮完全相同。但这应该是一个简单的 HTML 链接。如何创建导航到上一页的 pjax 链接？

我搜索过，所有主题似乎都与浏览器后退按钮有关，这不是我想要的

这是我用于 pjax 导航的代码

 $(function() {
        $(document).pjax('.pjax', '#pjax-container', {
            fragment: '#pjax-container',
            timeout: 9000000 ,
        });
    });

您可以通过 JavaScript 访问浏览历史记录。请参阅文档 https://developer.mozilla.org/en-US/docs/Web/API/History_API.

如果你只想要一个简单的反向链接，你可以这样使用它：

<a href="javascript:window.history.back();">go back</a>

或者像这样：

<button onclick="window.history.back()">go back</button>

或者，如果您不想使用window.history，您的应用程序应该维护浏览历史记录。

您可以使用 pjax 库中的事件。您可以遵循的示例：

// Variable to control history
const myAppHistory = []

// Get current url from event before ajax and put into an variable to control the history
$(document).on('pjax:beforeSend', function(event) {
    const url = event.currentTarget.URL;
    myAppHistory.push(url);
})

// Returns last page visited
function goBack() {
    const url = myAppHistory.pop()
    if (typeof url != "undefined") {
        $.pjax({url: url, container: '#main'})  
    }
}

所以你使用goBack()无论您需要什么地方。