Ajax 实现

最新推荐文章于 2024-08-04 16:28:40 发布

原创最新推荐文章于 2024-08-04 16:28:40 发布 · 814 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#XMLHttpRequest #Ajax

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何利用Ajax技术实现实时数据获取，并通过PHP后端进行数据展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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