AJAX实现仿Google Suggest效果

suggest.js
复制代码 代码如下:
varj=-1;
vartemp_str;
var$=function(node){
returndocument.getElementById(node);
}
var$$=function(node){
returndocument.getElementsByTagName(node);
}
functionajax_keyword(){
varxmlhttp;
try{
xmlhttp=newXMLHttpRequest();
}
catch(e){
xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
vardata=xmlhttp.responseText;
$("suggest").innerHTML=data;
j=-1;
}
}
}
xmlhttp.open("post","ajax_result.asp",true);
xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xmlhttp.send("keyword="+escape($("keyword").value));
}
functionkeydeal(e){
varkeyc;
if(window.event){
keyc=e.keyCode;
}
elseif(e.which){
keyc=e.which;
}
if(keyc!=40&&keyc!=38){
ajax_keyword();
temp_str=$("keyword").value;
}
if(keyc==40||keyc==38){
if(keyc==40){
if(j<$$("li").length){
j++;
if(j>=$$("li").length){
j=-1;
}
}
if(j>=$$("li").length){
j=-1;
}
}
if(keyc==38){
if(j>=0){
j--;
if(j<=-1){
j=$$("li").length;
}
}
else{
j=$$("li").length-1;
}
}
set_style(j);
if(j>=0&&j<$$("li").length){
$("keyword").value=$$("li")[j].childNodes[0].nodeValue;
}
else{
$("keyword").value=temp_str;
}
}
}
functionset_style(num){
for(vari=0;i<$$("li").length;i++){
varli_node=$$("li");
li_node.className="";
}
if(j>=0&&j<$$("li").length){
vari_node=$$("li")[j];
$$("li")[j].className="select";
}
}
functionmo(nodevalue){
j=nodevalue;
set_style(j);
}
functionform_submit(){
if(j>=0&&j<$$("li").length){
$$("input")[0].value=$$("li")[j].childNodes[0].nodeValue;
}
document.search.submit();
}
functionhide_suggest(){
varnodes=document.body.childNodes
for(vari=0;iif(nodes!=$("keyword")){
$("suggest").innerHTML="";
}
}
}

打包文件下载