jquery - 使用 jquery 模拟 facebook 搜索

Question

我是 Swadesh，一位年轻的软件工程师，总是对 Facebook 应用程序着迷。

有一次我遇到了 Facebook 搜索栏，它可以搜索 friend 、社区、应用程序等。

我就是喜欢它，因为它是如此之快，并为您提供智能且即时的结果。

我尝试使用 JQuery 进行类似的操作。带有demo的项目可以找到here

现在我面临的问题是:我将重复的记录插入到 DOM 中(从我搜索字符串的位置)。

javascript搜索思路如下

• 页面加载时，“将数据库中好友的所有数据加载到 DOM 中”
• 声明一个用于保存 DOM 数据的数组
• 将 DOM 数据插入 JavaScript 数组
• 处理 keyup 事件，该事件随后将搜索 javascipt 数组对象。如果没有找到，它将调用 ajax 函数，该函数将从数据库收集数据。
• 将检索到的数据再次推送到 DOM 中并从那里搜索

Answer 1

为了处理大量数据，您不应该在加载页面时将所有可能的数据加载到 dom 中。使用 ajax 加载所需的结果并将其缓存在代码中，以防止多次调用同一短语。(这也是 Facebook 在搜索中所做的)

有很多 jquery 插件可以非常轻松地集成到您的网站

例如，这个: http://docs.jquery.com/Plugins/Autocomplete