我是 Swadesh,一位年轻的软件工程师,总是对 Facebook 应用程序着迷。
有一次我遇到了 Facebook 搜索栏,它可以搜索 friend 、社区、应用程序等。
我就是喜欢它,因为它是如此之快,并为您提供智能且即时的结果。
我尝试使用 JQuery 进行类似的操作。带有demo的项目可以找到here
现在我面临的问题是:我将重复的记录插入到 DOM 中(从我搜索字符串的位置)。
javascript搜索思路如下
- 页面加载时,“将数据库中好友的所有数据加载到 DOM 中”
- 声明一个用于保存 DOM 数据的数组
- 将 DOM 数据插入 JavaScript 数组
- 处理 keyup 事件,该事件随后将搜索 javascipt 数组对象。如果没有找到,它将调用 ajax 函数,该函数将从数据库收集数据。
- 将检索到的数据再次推送到 DOM 中并从那里搜索
最佳答案
为了处理大量数据,您不应该在加载页面时将所有可能的数据加载到 dom 中。 使用 ajax 加载所需的结果并将其缓存在代码中,以防止多次调用同一短语。 (这也是 Facebook 在搜索中所做的)
有很多 jquery 插件可以非常轻松地集成到您的网站
关于jquery - 使用 jquery 模拟 facebook 搜索,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8944273/