各种jquery花里胡哨的搜索页面

Question

很多webapps现在每天都在他们的搜索页面中使用jquery小部件，以帮助用户在不离开页面的情况下过滤掉搜索结果。因此，我注意到webapps现在开始在<ul>代码中编码表/列表，因为它很容易将ajax数据附加到它。

我很想知道如何像airbnb的搜索页的工作。 http://www.airbnb.com/search

他们有一个列表，当用户对右侧导航中显示的搜索选项进行更改时，该列表会动态更改。

有人可以指导我看一个这样的教程吗？我想在rails3中使用jQuery来完成类似这样的事情。任何示例/ github回购将帮助我。

Answer 1

我不知道这个网站的内部工作原理，但我会这样说：

• 绑定事件侦听器复选框/滑块/诸如此类的东西来调用一个函数：
  • 此功能会遍历所有元素（所有复选框/滑块/等）。
  • 如果给定的元素被选中/编辑（比如你移动滑块）功能这个元素添加到AJAX参数
  • 例如，如果您选中“包房”复选框，这样做：paramlist["PrivateRoom"] = "true"
  • 最后，使用所有参数为后端服务器调用ajax函数。
• 在ajax回调函数中，我会用服务器的结果更新结果面板。