欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

AJAX如何實現(xiàn)仿GoogleSuggest效果-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“AJAX如何實現(xiàn)仿Google Suggest效果”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“AJAX如何實現(xiàn)仿Google Suggest效果”這篇文章吧。

網(wǎng)站建設哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、重慶小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了永春免費建站歡迎大家使用！

代碼如下:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/tupian/20230522/xhtml1-strict.dtd">
<html xmlns="/tupian/20230522/  <img src="suggest.gif"  />
  <form action="result.asp" method="post" name="search" autocomplete="off">
    <input type="text" name="keyword" id="keyword"  />
    <input type="submit" value="手氣不錯"/>
    <div id="suggest"></div>
  </form>
</body>
</html>


suggest.js


代碼如下:


var j=-1;
var temp_str;
var $=function(node){
return document.getElementById(node);
}
var $$=function(node){
return document.getElementsByTagName(node);
}
function ajax_keyword(){
var xmlhttp;
try{
  xmlhttp=new XMLHttpRequest();
  }
catch(e){
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4){
  if (xmlhttp.status==200){
   var data=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)); 
}  
function keydeal(e){
var keyc;
if(window.event){
  keyc=e.keyCode;
  }
else if(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;
   }
  }
}
function set_style(num){
for(var i=0;i<$$("li").length;i++){
  var li_node=$$("li");
  li_node.className="";
  }
if(j>=0 && j<$$("li").length){
  var i_node=$$("li")[j];
  $$("li")[j].className="select";
  }
}
function mo(nodevalue){
j=nodevalue;
set_style(j);
}
function form_submit(){
if(j>=0 && j<$$("li").length){
$$("input")[0].value=$$("li")[j].childNodes[0].nodeValue;
}
document.search.submit();
}
function hide_suggest(){
var nodes=document.body.childNodes
for(var i=0;i<nodes.length;i++){
  if(nodes!=$("keyword")){
   $("suggest").innerHTML="";
   }
  }
}


以上是“AJAX如何實現(xiàn)仿Google Suggest效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章題目：AJAX如何實現(xiàn)仿GoogleSuggest效果-創(chuàng)新互聯(lián)
地址分享：http://chinadenli.net/article42/dehiec.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、網(wǎng)站建設、定制開發(fā)、小程序開發(fā)、用戶體驗、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化
精品国产成人av一区二区三区| 久久91精品国产亚洲| 国产麻豆成人精品区在线观看| 亚洲最大福利在线观看| 久久国内午夜福利直播| 亚洲一区二区三区国产| 日本高清一区免费不卡| 国产自拍欧美日韩在线观看| 久久国产精品亚州精品毛片| 国产日韩久久精品一区| 国产精品人妻熟女毛片av久| 日本黄色录像韩国黄色录像| 91欧美亚洲视频在线| 精品国产丝袜一区二区| 国产精品亚洲综合色区韩国 | 国产精品久久三级精品| 久久精品福利在线观看| 亚洲av秘片一区二区三区| 激情中文字幕在线观看| 欧美亚洲91在线视频| 99视频精品免费视频| 日本在线视频播放91| 中文字幕精品少妇人妻| 国产又色又爽又黄的精品视频| 欧美日韩国产一级91| 亚洲欧美日韩国产成人| 污污黄黄的成年亚洲毛片| 东京热男人的天堂久久综合| 亚洲专区一区中文字幕| 亚洲精品福利入口在线| 亚洲欧洲一区二区综合精品| 91国内视频一区二区三区| 99久久国产精品成人观看 | 日韩免费午夜福利视频| 日韩国产传媒在线精品| 丰满少妇被猛烈撞击在线视频| 亚洲最大的中文字幕在线视频| 在线观看中文字幕91| 欧美日韩国产二三四区| 好吊日成人免费视频公开| 国产精品一区二区视频|