js Ajax初探

ssp1000

于 2018-04-28 11:30:18 发布

阅读量155

点赞数

分类专栏： js

js 专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var xmlhttp;

			function loadXMLDoc(url, cfunc) {
				if(window.XMLHttpRequest) { 
					xmlhttp = new XMLHttpRequest();//新建变量
				} else { // code for IE6, IE5
					xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
				}
				xmlhttp.onreadystatechange = cfunc;//事件
				xmlhttp.open("GET", url, true);//准备条件
				xmlhttp.send();//发送
			}

			function myFunction() {
				loadXMLDoc("hello.txt", function() {
					if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
						document.getElementById("myDiv").innerHTML = xmlhttp.responseText;//写入内容
					}
				});
			}
		</script>
	</head>

	<body>
		<div id="myDiv">
			<h2>Let AJAX change this text</h2></div>
		<button type="button" οnclick="myFunction()">通过 AJAX 改变内容</button>
		

	</body>

</html>

这里的hello.txt和html文件处于同一目录下。