就像你提到的，确实不可能阻止浏览器历史记录的生成。同一页面上的 POST 请求仍将创建一个 URL，您只能通过自己的方式编写代码来屏蔽该方法或使其看起来像处于相同状态。

我发现这两个社区帖子中的对话与此事相关：

• history.replaceState（） 例子？
• XMLHttpRequest 对象的 open（ ） 和 send （ ） 方法有什么区别？

前言

如果不在导航历史记录中创建新点，则无法发送 POST 请求。当您执行 POST 请求时，浏览器会将其视为与服务器的新交互，因此会向历史记录添加一个新条目。

但是，可以在不增加导航历史记录的情况下实现类似的行为。

溶液

方法

1. 将事件侦听器附加到“重新生成”按钮。
2. 单击该按钮后，使用 JavaScript 通过 Fetch API 或 XMLHttpRequest 向服务器发送 POST 请求。这允许您在不触发页面重新加载的情况下将数据发送到服务器。
3. 处理来自服务器的响应，并使用新数据更新页面内容。
4. 如有必要，请使用该方法更新 URL。window.history.replaceState

简化示例

document.getElementById('regenerateButton').addEventListener('click', function() {
    // Perform an asynchronous POST request
    fetch('/generate', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json', // Adjust the content type as needed
        },
        body: JSON.stringify({ /* Your POST data here */ }),
    })
    .then(response => response.text()) // Assuming the response is text, adjust as needed
    .then(newData => {
        // Update the page content with the new data
        document.getElementById('contentContainer').innerHTML = newData;

        // Optionally, update the URL without adding to the history
        window.history.replaceState(null, null, window.location.href);
    })
    .catch(error => {
        console.error('Error:', error);
    });
});

注意：我匆匆忙忙地做了这件事，所以可能会有一些错别字或错误。