用Ajax读取text数据

最新推荐文章于 2022-01-17 19:16:11 发布

bjd14

最新推荐文章于 2022-01-17 19:16:11 发布

阅读量881

点赞数

文章标签： ajax xmlhttprequest function exception xhtml button

本文链接：https://blog.csdn.net/bjd14/article/details/3074250

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">

<html>
<head>
  <title>Ajax Hello world </title>

   <script type="text/javascript">
   var xmlHttp;

   //XMLHttpRequest对象初始化
    function createXMLHttpRequest(){
    if(window.ActiveXObject){
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequest){
      xmlHttp = new XMLHttpRequest();
    }
    }

    //按钮事件
    function startRequest(){

    createXMLHttpRequest();

    try{
      //xmlHttp状态改变触发器绑定事件
      xmlHttp.onreadystatechange = handleStateChange;

      xmlHttp.open("GET","data.txt",true);
      xmlHttp.send(null);

    }
    catch(exception)
    {
      alert("您访问的资源不在");
    }
    }


    function handleStateChange(){
    if(xmlHttp.readyState == 4){
      //if(xmlHttp.status == 200 || xmlHttp.status ==0){
       //显示返回结果
       alert("responseText's value:"+xmlHttp.responseText);
      //}
    }
    }
  </script>

  <body>
   <div>
    <input type="button" value="return" οnclick="startRequest();"/>
   </div>
  </body>
</html>