2月22号工作-CSDN博客

本文链接：https://blog.csdn.net/xjwolaile/article/details/84393622

[list]
[1]这段代码的作用是在 Let AJAX change this text ma ?
[2]改编成test1.txt 文档里面的ni hao
[3]问题出来xmlhttp.open("GET","test1.txt",true); 抗拒请求
[/list]


<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
	//定义变量 判断是否支持XMLHttpRequest控件 如果支持在变量xmlhttp变量实例化后放入 XMLHttpRequest 是针对较新的游览器可以用这个控件
	var xmlhttp;
	if (window.XMLHttpRequest)
  	{
  		xmlhttp=new XMLHttpRequest();
  	}
  	//否则 就在xmlhttp变量实例化后里放入ActiveXObject("Microsoft.XMLHTTP")是针对较老的游览器可以使用者个控件
	else
  	{
  		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  	}
  	//在xmlhttp里放好以后就调用 onreadystatechange=function() 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
	xmlhttp.onreadystatechange=function()
  	{
  		//判断 xmlhttp readyState 4 (完成）响应内容解析完成，可以在客户端调用了 或者 status 200——交易成功(OK)
  		if (xmlhttp.readyState==4 && xmlhttp.status==200)
    	{
    		//显示出myDiv的id里的 成功后将里面的内容给替换掉
    		document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    	}
  	}
  	//创建替换的路径
	xmlhttp.open("GET","test1.txt",true);
	//发送请求替换
	xmlhttp.send();
}
</script>
</head>
<body>

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

</body>
</html>