AJAX案例研究之google suggest

http://tech.51cto.com 2006-01-07 14:16 51CTO.com整理我要评论(0)

摘要：google suggest 比起gmail要好对付的多了，就一个页面一个脚本文件，代码都一目了然，可惜用了google域名，在调的时候经常连接被断掉，最后还是找了一个代理才调通了代码……
标签：AJAX google suggest 案例

Google Suggest

Google有个Google Suggest的网站。当人们在搜索文本框中输入所要查询关键词的时候，Google会自动给出一些关键词的建议。从内容上看，它实际上和百度的相关搜索一样。不过在界面上却很不同，百度的相关搜索时罗列搜索结果页面的下方。而Google的相关搜索建议确是实时显示在输入文本框下，随着输入的不同给出的提示也不同。只显示10条，同时显示的还有这些关键词搜过结果的数目。

界面的不同带来的是使用行为的不同。在百度，人们必须先查找一个，然后才能看到与此相关的关键词，这对网站本身来说能够增加访问量，可是对用户来说却是繁琐的事情。Google的Suggest就不同了，在搜索以前就得到建议。在此功能的帮助页面上，Google指出所提示的关键词并不基于浏览器本地的历史记录，而是建立在人们搜索的统计结果的处理上。

AJAX实现google suggest

google suggest 比起gmail要好对付的多了，就一个页面一个脚本文件，代码都一目了然，在调的时候经常连接被断掉，最后还是找了一个代理才调通了代码。可以在本地运行的google suggest
请在这个连接下载：http://www.blogjava.net/Files/emu/suggest.rar
其中的脚本文件ac.js已经做了一点整理，关键的qc函数crack了一下，使它可以找到服务器：

functionqc(ac){
if(l&&l.readyState!=0){
l.abort()
}
l=vb();
if(l){
l.open("GET","http://www.google.com"+Aa+"&js=true&qu="+ac,true);
l.onreadystatechange=function(){
if(l.readyState==4&&l.responseText){
if(l.responseText.charAt(0)=="<"){
V--
}else{
eval(l.responseText)
}
}
};
l.send(null)
}
}

插个断点就可以看到，比如我们在输入框中输入了“AJAX”，google suggest就向服务器请求这样一个资源：
http://www.google.com/complete/search?hl=en&js=true&qu=AJAX 而服务器则返回：

sendRPCDone(frameElement,"ajax",newArray("ajax","ajaxamsterdam","

ajaxfc","ajaxontario","ajaxgrips","ajaxfootballclub","ajaxpubliclibrary",

"ajaxfootball","ajaxsoccer","ajaxpickeringtransit"),

newArray("3,840,000results","502,000results",

"710,000results","275,000results","8,860results",

"573,000results","40,500results","454,000results",

"437,000results","10,700results"),newArray(""));

剩下的大家都会做了，不多废话。

推荐：AJAX案例研究之Gmail (责任编辑：铭铭)

上一篇： AJAX案例研究之Gmail 下一篇： AJAX技术开发“Back”按钮问题的应用程序

查看所有评论(0 )

频道推荐

更多>>

全站热点

更多>>

ARP攻击防范与..

SOA 面向服务..

技术人

更多>>

Google十周年：..

求职必杀技决战..

读书

更多>>

Visual C++ 6.0完全自学宝典
作者：强锋科技,朱洪波
Visual C++ 6.0是微软公司为程序人员提供的Visual Studio 6.0工具套件中的重要组成部分。本书由浅入深地介绍使用Visual C++ 6.0..

优秀博文

更多>>