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中請求地址。不要直接雙擊打開頁面。服務器

相關標籤/搜索