用JavaScript写Ajax例子

最新推荐文章于 2024-06-19 11:25:09 发布

最拽的人的人

最新推荐文章于 2024-06-19 11:25:09 发布

阅读量290

点赞数 1

本文介绍了一个简单的Ajax异步请求示例，通过HTML按钮触发JavaScript函数，利用XMLHttpRequest对象发送GET请求到PHP后端，接收并显示响应结果。

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

一、HTML代码如下

<input type="button" value="ajax提交" onclick="js_ajax()">
<div id="resText"></div>

二、JavaScript代码如下

function js_ajax(){ //定义函数来异步获取信息
		// 声明一个空对象用来装入XMLHttpRequest对象
		var xmlHttpReq = null;
		// 给XMLHttpRequest对象赋值，代码如下：
		if(window.ActiveXObject){ //ie5 ie6是以ActiveXObject的方式引入XMLHttpRequest对象的
			xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
		}else if(window.XMLHttpRequest){//除ie5 ie6以外的浏览器XMLHttpRequest是window的子对象
			xmlHttpReq = new XMLHttpRequest();//实例化一个xmlHttpRequest对象
		}
		if(xmlHttpReq != null){	//如果对象实例化成功 
			xmlHttpReq.open("GET","001.php",true);	//调用open()方法并采用异步方式
			xmlHttpReq.onreadystatechange=RequestCallBack; //设置回调函数
			xmlHttpReq.send(null);	//因为使用get方式提交，所以可以使用null参调用
		}

		function RequestCallBack(){//一旦readyState值改变，将会调用这个函数
			if(xmlHttpReq.readyState == 4){ 
					if(xmlHttpReq.status == 200){
						document.getElementById("resText").innerHTML = xmlHttpReq.responseText;
					}
			}
		}
}

三、PHP代码如下