ajax读取服务器文本 

<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>

　　

posted @ 2015-04-13 11:13  BigShui  阅读(394)  评论(0)    收藏  举报