各種jquery花裏胡哨的搜索頁面

Question

很多webapps現在每天都在他們的搜索頁面中使用jquery小部件，以幫助用戶在不離開頁面的情況下過濾掉搜索結果。因此，我注意到webapps現在開始在<ul>代碼中編碼表/列表，因爲它很容易將ajax數據附加到它。

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

他們有一個列表，當用戶對右側導航中顯示的搜索選項進行更改時，該列表會動態更改。

有人可以指導我看一個這樣的教程嗎？我想在rails3中使用jQuery來完成類似這樣的事情。任何示例/ github回購將幫助我。

Answer 1

我不知道這個網站的內部工作原理，但我會這樣說：

• 綁定事件偵聽器複選框/滑塊/諸如此類的東西來調用一個函數：
  • 此功能會遍歷所有元素（所有複選框/滑塊/等）。
  • 如果給定的元素被選中/編輯（比如你移動滑塊）功能這個元素添加到AJAX參數
  • 例如，如果您選中「包房」複選框，這樣做：paramlist["PrivateRoom"] = "true"
  • 最後，使用所有參數爲後端服務器調用ajax函數。
• 在ajax回調函數中，我會用服務器的結果更新結果面板。