jquery - 使用 jquery 模拟 facebook 搜索

标签 jquery ajax facebook search ajax-push

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

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

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

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

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

javascript搜索思路如下

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

最佳答案

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

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

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

关于jquery - 使用 jquery 模拟 facebook 搜索,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8944273/

相关文章:

javascript - GetJSON jquery 返回未定义

javascript - 如何 grep 这个 Javascript 对象数组?

php - 如何从 Codeigniter Controller 中分离 Ajax 响应中的 View 和数据

javascript - 搜索引擎是否可以抓取 AJAX 网站?

javascript - Ajax 响应未显示在页面上

php: 使用 cURL 获取 url 内容 (json)

ios - PFFacebookUtils 无法从 Facebook 注销

jquery - 通过 ajax 调用 CouchDB 时得到空响应

使用 Selenium WebDriver 的 Facebook 身份验证

javascript - 停止jquery效果??或者停止 JavaScript