如何實現像37signals工作板實時搜索

Question

我是一個rails初學者，並且很好奇http://jobs.37signals.com上的實時搜索是如何實現的？

我可以理解背景，但不是前端。

我的理解：

• 某些字符＃已 被鍵入後，請求到 後端作出短語作爲搜索 項
• 做一個數據庫的搜索中，職位描述像'%_phrase_%'
• 如何將數據帶回？

使用網站上的螢火蟲似乎整個結果返回爲包含HTML標籤一個JavaScript ...

我很好奇，如何做到這一點？

我無法找到任何教程/示例來展示整個過程如何完成。

任何方向？

Answer 1

關鍵詞是AJAX。

首先，您可能想看看jQuery AJAX functions或您選擇的Javascript框架。

AJAX做的事情是這樣的：

1. 頁面正常加載
2. 你的JavaScript，使AJAX調用回服務器，網頁不刷新/重載
3. 服務器將通過AJAX調用響應
4. 您的Javascript處理響應並將適當的輸出提供給用戶。