百度下拉-纯ajax

最新推荐文章于 2022-03-09 17:02:38 发布

flanet

最新推荐文章于 2022-03-09 17:02:38 发布

阅读量668

点赞数

分类专栏： js 文章标签：百度 xmlhttprequest javascript function url struts

本文链接：https://blog.csdn.net/flanet/article/details/7830762

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

var xmlHttp;
function createXmlHttpRequest(){
	if(window.XMLHTTP){
		
		xmlHttp=new XMLHTTPRequest();
		
	}else if(window.ActiveXObject){
		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		
	 }
}
//异步请求不需要经过struts_config.xml
function seacherSuggest(){
		createXmlHttpRequest();
		xmlHttp.onreadystatechange=processRequest;
		var str=document.getElementById("txtSeacher").value;
		var url="/houseHire/fwxx.do?method=txtSeacher&str="+str;
		url = encodeURI(url);
        url = encodeURI(url);
		xmlHttp.open("post",url,true);
		xmlHttp.send(null);
 
}

function processRequest(){
	if(xmlHttp.readyState==4){
	
		if(xmlHttp.status==200){
			var sobj=document.getElementById("suggest");
			sobj.innerHTML="";
			var str=xmlHttp.responseText.split("-");
			
 				
			var suggest=""
			if(str.length>0&&str[0].length>0){
				for(i=0;i<str.length;i++){
					suggest+="<div οnmοuseοver='javascript:suggestOver(this)'";
					suggest+=" οnmοuseοut='javascript:suggestOut(this)'";
					suggest+=" οnclick='javascript:setSearch(this.innerHTML)'";
					suggest+=" class='suggest_link'>"+str[i]+"</div>";
				}
				sobj.innerHTML=suggest;
				document.getElementById("suggest").style.display="block";
			}else{
				document.getElementById("suggest").style.display="none";
			
			}
		
	  }
	}
}
//这个表示了<div>中层的属性class="suggest_link_over""这样可以使用方便定义样式
function suggestOver(obj){
	obj.className="suggest_link_over";


}


function suggestOut(obj){
	obj.className="suggest_link";

}

function setSearch(a){
	document.getElementById("txtSeacher").value=a;
	document.getElementById("suggest").style.display="none";

}



.suggest_link{
 background-color:#C7EDCC;
  width:200px;height:auto;border:#909090 1px solid;background:#fff;color:#333;
 filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
 
}
#suggest{
	background-color:A4F88A;
	
	
}
body{
	font:12px arial;
}