搜索页面与各种jquery铃铛和口哨

Question

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

我现在很好奇像airbnb这样的搜索页面会如何运作。 http://www.airbnb.com/search

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

有人可以指导我看一下这样的教程吗？我试图使用jquery在rails3中完成这样的事情。任何examples / github repos都会对我有帮助。

Answer 1

我不知道这个网站是如何在内部运作的，但我会这样做：

• 将事件侦听器绑定到复选框/滑块/ whatnot以调用单个函数：
  • 此功能将遍历所有元素（所有复选框/滑块/等）。
  • 如果检查/编辑了给定元素（例如移动滑块），则该函数将此元素添加到ajax参数
  • 例如，如果您查看＆＃34;私人房间＆＃34;复选框，执行以下操作：paramlist["PrivateRoom"] = "true"
  • 最后，使用所有参数向后端服务器调用ajax函数。
• 在ajax回调中，我会使用服务器的结果更新结果面板。