莫让这世间的庸俗扰了清修,尽管三观已被腐蚀,但未来总是光明的。
2015/08/21/ - - 0 条评论 - 浏览量 : 1134
<html>
<head>
<script type="text/javascript">
function showHint(str){
	var xmlhttp;
	if (window.XMLHttpRequest){
	  xmlhttp=new XMLHttpRequest();
	}
	xmlhttp.onreadystatechange=function(){
	  if(xmlhttp.readyState==4 && xmlhttp.status==200){
		document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
	  }
	}
	xmlhttp.open("GET","/ajax/gethint.asp?q="+str,true);
	xmlhttp.send();
}
</script>
</head>
<body>

<h3>请在下面的输入框中键入字母(A - Z):</h3>
<form action=""> 
姓氏:<input type="text" id="txt1" onkeyup="showHint(this.value)" />
</form>
<p>建议:<span id="txtHint"></span></p> 

</body>
</html>

上面的是个例子,那么现实中怎么用呢?

把script部分copy到你的代码中,修改xmlhttp.open里的URL部分就可以了。其他的不用变。这个open中,加入了一个变量的传递。如果你不需要传递的话,就去掉str就行了。想在哪里用就使用

showHint(this.value)

上面的实例是说,键盘弹起时,调用该函数,异步传输。里面的那个true的意思就是异步传输开启。