微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Ajax 实现

<html>
	<head>
	<title>hello ajax</title>
	<script>
	var xmlRequest=null;
	function hint(content)
	{
		
		if(window.XMLHttpRequest)
		{
			xmlRequest=new XMLHttpRequest();	
		}
		else if(window.ActiveXObject)
		{
			xmlRequest=new ActiveXObject("Microsoft.XMLHTTP");
		}
		var url="helloAjax.PHP?name="+content+"&q="+Math.random();
		
		xmlRequest.onreadystatechange=stateChanged ;
		xmlRequest.open("GET",url,true);
		xmlRequest.send(null);	
	}
	function stateChanged() 
	{
		if (xmlRequest.readyState==4 || xmlRequest.readyState=="complete")
	 	{ 
 		document.getElementById("targetDiv").innerHTML=xmlRequest.responseText;
 		} 
	}
	</script>
	</head>

	<body>
		
		hello ajax:<input type="text" id="inputField" name="txt" onkeyup="hint(this.value)">
		<div id="targetDiv"></div>
	</body>
</html>

helloAjax.PHP

<?PHP
	echo $_GET["name"];
?>

原文地址:https://www.jb51.cc/ajax/166292.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐