我发现自己对如何解决问题感到困惑并不常见，但对于这一点，老实说我没有任何线索。
我正在构建一个包含许多项目的网站，在主页上，我希望人们可以通过打开和关闭过滤器来浏览这些项目。例如，过滤器类型之一是GENRE。用户可以看到一个类型列表，当单击它们时，过滤掉与该类型匹配的所有项目。此外，如果您点击两种不同的流派，您将只看到与这些流派相匹配的项目。
问题是，这一切都需要通过AJAX完成，而且当事情开始让我感到困惑的时候。如何进行ajax调用，不仅会设置新的过滤器，还会记住当前的过滤器？加载页面后，我可以执行类似
的操作<a href="/api/projects?genre=first_genre">First Genre</a>
<a href="/api/projects?genre=second_genre">Second Genre</a>
但问题是，当我一次点击两个时，我最终只会按单一类型进行过滤。或许，我可以使用JS更新所有链接以包含已经选择的类型数组，每次点击一个，但这看起来非常草率。然后，每个链接都会有类似的内容：
<a href="/api/projects/?genres[]=first_second&genres[]=second_genre etc etc...">First Genre</a>
我的另一个想法是将所有当前过滤器存储在一个cookie中，然后当点击一个链接时，将该新过滤器添加到cookie中的过滤器列表中，但同样，这似乎很草率。
重点是，我不知道这样做的正确方法是什么，而且我感觉有点迷失。对那些以前做过这样的事情的人来说，帮助!!
答案 0 :(得分：1)
从用户的角度来看，Ajax过滤器总是会产生两个问题。一个是用户无法将过滤网址添加为书签，也无法使用后退按钮。
例如，用户单击过滤器1，然后单击过滤器2.如果用户单击后退按钮或重新加载页面，用户将丢失所有过滤器数据。
您可以使用此方法Jquery BBQ http://benalman.com/projects/jquery-bbq-plugin/
单击类型过滤器，您可以使用上面的插件将过滤器值附加到url的哈希值，每当用户重新加载页面或使用后退按钮时，您都将所有选定的流派添加到哈希。