javascript - 我可以使用 JavaScript 在 URL 中添加内容吗？

Question

假设我正在访问 www.example.com 页面。我可以将/first 添加到 URL，使其在单击时变为 www.example.com/first 而无需刷新页面吗？我试图在更改页面的 AJAX 请求之后执行此操作，以便我可以指示页面已更改。

例如:

$('.admin-categories').on('click', function(){
    $.ajax({
        type: 'POST',
        url : adminCategories,
        headers: {
            'X-CSRF-TOKEN': token
        },
        success : function (data) {
            $(".admin-container").html(data);
        }
    });
});

此 AJAX 调用成功后，我可以将/categories 附加到 URL 吗？

Answer 1

您正在寻找 JavaScript 中的 History API 和专门的 ReplaceState 方法。

history.replaceState(null, null, 'first');

这里有一个很好的资源: https://css-tricks.com/using-the-html5-history-api