Ajax异步刷新

时间 2019-11-07

标签 ajax 异步刷新栏目 Ajax 繁體版

原文原文链接

<html>
	<head>
	    <meta charset="UTF-8">
	    <title></title>
	    <script>
	    	function loadXMLDoc(){
				var xmlhttp;
				if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
				  xmlhttp=new XMLHttpRequest();
				}
				else{// code for IE6, IE5
				  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
				}
				xmlhttp.onreadystatechange=function(){
					if (xmlhttp.readyState==4 && xmlhttp.status==200){
					    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
					}	
				}			
				xmlhttp.open("GET","test1.txt",true);
				xmlhttp.send();
	    	}
	    </script>
	</head>
	<body>
		<div id="myDiv"><h3>Let AJAX change this text</h3></div>
		<button type="button" onclick="loadXMLDoc()">
			Change it
		</button>
</html>

在上面的例子中，您可能获得的是缓存的结果。html

为了不这种状况，请向 URL 添加一个惟一的 ID：缓存

xmlhttp.open("GET","test1.txt?t=" + Math.random(),true);
xmlhttp.send();

注意点：启动服务器IIS或者Tomcat；而后在url中请求地址。不要直接双击打开页面。服务器