ajax读取服务器文本

浏览数：24 / 时间：2015年06月09日

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

ajax读取服务器文本