使用jquery模拟Facebook搜索

时间:2012-01-20 16:04:13

标签: jquery ajax facebook search ajax-push

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

一旦我遇到Facebook搜索栏,搜索朋友,社区,应用程序等

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

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

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

javascript搜索的想法如下

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

2 个答案:

答案 0 :(得分:0)

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

有很多jquery插件可以很容易地在您的网站中集成

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

答案 1 :(得分:0)

解决。在过去的6个月里,我经历了不同类型的解决方案,最终找到了结果。我发布了一个具有演示和下载链接的精确搜索功能。 http://itswadesh.wordpress.com/2011/12/23/lets-see-how-facebook-search-is-so-fast/