PHP Javascript 更改浏览器后退按钮行为 Laravel

Question

我知道有各种线程要求几乎相同，但似乎没有一个能真正满足我的需求....

在我的网站上，我实现了一个搜索表单。一个简单的表单，带有一个名为searchQuery 的输入字段和一个提交按钮。表单使用 POST 方法发送。 我正在使用 Laravel btw .. 然后将搜索结果从控制器加载到视图中。这些显示在表格中。现在到了有趣的部分：找到的元素是可点击的，您将进入一个包含有关该元素的更多详细信息的页面。然后问题来了：当我现在单击浏览器的后退按钮或鼠标上的后退按钮时，我得到一个窗口，要求再次发送表单信息，我必须确认。

这不是我想要的，我只想回到我之前的搜索结果......

现在我读了很多，但仍然不知道该怎么做。

我在onbeforeunload 之前阅读过，您可以在其中显示一条消息，但这对我没有用（我想返回搜索结果）...

所以有一些替代方案是可能的（如果技术上可行的话）：

1. 只是阻止对话框要求再次提交信息，然后再次提交而不要求再次提交
2. 不知何故在历史记录中回到之前的页面（可能缓存或类似的东西，搜索结果在那个时候不会改变）
3. 如果我愿意，我可以将搜索包含在像http://servername/search/searchquery 这样的url 中，然后将此搜索查询传递到deatil 视图，并有一个按钮可以转到该url，然后再次进行搜索或类似的东西。然后您可以（也许）覆盖浏览器的后退按钮以“按下”该按钮，而不是返回历史...

这些选项之一是否可能，如果是，如何？或者您有什么其他的建议吗？

Answer 1

根据您在上述问题中的评论，您可以这样做：

首先你的表单应该是这样的：

<form action="/search" method="GET">
    <input type="text" name="searchQuery" value="Type keywords here...">
    <input type="Submit" value="Search">
</form>

那么在你提交表单之后，路由/url会是这样的：

http://localhost:8000/search?searchQuery=any_search_keyword
Route::get('search', 'SearchController@handleSearch'); // Laravel route

您可以像这样在控制器中处理搜索：

function handleSearch() {
    $searchQuery = request()->get('searchQuery');
    // ... Handle your search here ...
}

这样你就可以使用GET方法来处理搜索了，这样也可以避免不必要的提交对话框来回反复...

据我了解，这将是您正在寻找的解决方案