Ajax 实现

发布时间：2020-12-16 01:02:14 所属栏目：百科来源：网络整理

导读：htmlheadtitlehello ajax/titlescriptvar xmlRequest=null;function hint(content){if(window.XMLHttpRequest){xmlRequest=new XMLHttpRequest();}else if(window.ActiveXObject){xmlRequest=new ActiveXObject("Microsoft.XMLHTTP");}var url="helloAjax.ph

<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"];
?>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!