向url添加搜索条件，但不能返回

Adding search criteria to the url, but can't go back

本文关键字：但不能 返回 条件 搜索 url 添加      更新时间：2023-09-26

我正在尝试将搜索条件的参数放入url中，以便可以复制和粘贴特定的搜索。

目前我有这个:

 // Search criteria in the url
 var ready = function(e){
     $("#filterrific_filter").click(function(){
       $.get($("#filterrific_filter").attr("action"), $("#filterrific_filter").serialize(), null, "script");
       history.pushState(null, document.title, $("#filterrific_filter").attr("action") + "?" + $("#filterrific_filter").serialize());
       e.preventDefault();
     });
     $(window).bind("popstate", function() {
       $.getScript(location.href);
     });
 };
 $(document).ready(ready);
 $(document).on('page:load', ready);

问题是:当一个结果被点击时，用户试图再次回到搜索页面，他们不会回来，他们停留在同一个页面上。但是url变了

这是一个展示问题的视频

这里有一个网页链接，如果你想自己测试的话

提前感谢!

尝试删除这整个部分:

$(window).bind("popstate", function() {
  $.getScript(location.href);
});

由于您的apartments#show动作(猜测，假设您在Rails后端使用RESTful设计)是一个往返请求(不是AJAX，像您的过滤器)，并且您的查询字符串URL将在重新加载时正确运行filterrific脚本，因此您不妨让后退按钮以默认方式工作。

免责声明:这是一个没有更多背景的黑暗拍摄。

相关文章：