ajax例子

test1.xml

<?xml version='1.0' encoding="UTF-8" ?>
<lowkey>
	<lzq>
		<l>I am lowkey</l>
		<l>I am not lowkey</l>
		<l>I think I am lowkey</l>
	</lzq>
	<gst>
		<g>I am gosipt</g>
		<g>I am not gosipt</g>
		<g>I think I am gosipt</g>
	</gst>
</lowkey>

test1.html

<html>
	<head>
		<title>Have a test</title>
		<script type="text/javascript">
			var xmlHttp;
			function createXMLHttpRequest() {
				if(window.ActiveXObject) {
					xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
				} else if(window.XMLHttpRequest) {
					xmlHttp = new XMLHttpRequest();
				}
			}
			function startRequest() {
				createXMLHttpRequest();
				xmlHttp.onreadystatechange = handleStateChange;	//注册事件执行方法,只能是方法你不可能注册其他的东西,所以不用()。把handleStateChange方法注册到xmlHttp的onreadystatechange的事件当中。
				xmlHttp.open("GET", "test1.xml", true);
				xmlHttp.send(null);
			}
			function handleStateChange() {
				if(xmlHttp.readyState==4) {
					if(xmlHttp.status==200) {
						listContents();
					}
				}
			}
			function listContents() {
				var xmlDoc = xmlHttp.responseXML;
				var lContent = xmlDoc.getElementsByTagName("g");
				var sumContents = "";
				for(var i=0; i<lContent.length; i++) {
					sumContents = sumContents + "    " + lContent[i].childNodes[0].nodeValue; 
				}
				document.getElementById("content").innerHTML = "<p>" + sumContents +"</p>";
			}
		</script>
	</head>
	<body>
		<form name="testForm" action="#">
			<input type="button" id="testButton" value="lowkey" οnclick="startRequest();" />
		</form>
		<div id="content"></div>
	</body>
</html>


1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看rEADME.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看rEADME.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
PHP表格定时刷新的例子可以通过Ajax来实现。下面是一个简单的例子: 假设我们有一个包含学生信息的表格,我们要每隔一段时间从数据库中获取最新的学生信息,并用Ajax定时刷新表格。 HTML部分: ``` <table id="student_table"> <tr> <th>学生ID</th> <th>学生姓名</th> <th>年龄</th> <th>性别</th> </tr> </table> ``` JavaScript部分: ``` <script> function refreshTable() { // 使用Ajax发送请求 var xhr = new XMLHttpRequest(); xhr.open('GET', 'get_students.php', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 获取服务端返回的数据 var students = JSON.parse(xhr.responseText); var table = document.getElementById('student_table'); // 清空表格内容 table.innerHTML = ''; // 重新填充表格 for (var i = 0; i < students.length; i++) { var row = table.insertRow(i+1); row.insertCell(0).innerHTML = students[i].id; row.insertCell(1).innerHTML = students[i].name; row.insertCell(2).innerHTML = students[i].age; row.insertCell(3).innerHTML = students[i].gender; } } }; xhr.send(); } // 每隔5秒刷新表格 setInterval(refreshTable, 5000); </script> ``` PHP部分(get_students.php): ``` <?php // 假设从数据库中获取学生信息 $students = array( array('id' => 1, 'name' => '张三', 'age' => 20, 'gender' => '男'), array('id' => 2, 'name' => '李四', 'age' => 22, 'gender' => '女'), array('id' => 3, 'name' => '王五', 'age' => 21, 'gender' => '男') ); // 返回JSON格式的数据 echo json_encode($students); ?> ``` 上述代码中,JavaScript部分使用Ajax发送GET请求到`get_students.php`,然后在请求成功时,使用返回的学生信息重新填充表格。页面加载后通过`setInterval`函数每隔5秒自动执行一次`refreshTable`函数,实现定时刷新表格的效果。PHP部分用于模拟从数据库中获取学生信息,并将数据以JSON格式返回给JavaScript。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值