<html>
<head>
<title>ajax学习</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" >
function ajax () {
//1：创建ajax对象(打电话)
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
//code for IE7+, Firefox, Chrome, Opera, Safari
}
else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
//code for IE6, IE5
}
//2:连接到服务器（拨号）
// xmlhttp.open("get","a.txt",true);//true为异步,url为文件在服务器的位置
//但是这样写的话你可能得到的是缓存的结果（服务器端改变了东西，客户端不及时反映）。避免这个情况，请向 URL 添加一个唯一的 ID
xmlhttp.open("get","a.txt?t="+Math.random(),true);
//3:发送请求（打电话时候说需求）
xmlhttp.send();
//4:服务器反馈信息给客户端(听对话讲电话)
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
alert("读取成功，服务器上文本为"+xmlhttp.responseTest);
//document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
else{
alert("读取失败。。。。");
}
}
}
}
</script>
</head>
<body>
<input type="button" value="读取" onclick="ajax()">
<div id="myDiv"></div>
</body>
</html>