Ajax基础（二）--获取服务器文件

获取服务器文件相关步骤：

1、创建文件；

2、创建XMLHttpRequest对象；

3、获取文件（注意事项：1）在服务器中运行测试；2）注意编码问题，编码要统一）。

　　3.1 获取xml文件：

HTML代码：

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8">
         <title></title>
     </head>
     <body>
         <script type="text/javascript">
 var xmlHttp=null;
 function readyStateChangeHandle()
 {
     if(xmlHttp.readyState==4)
     {
         if(xmlHttp.status==200)
         {
             var xmlDOM=xmlHttp.responseXML;
             var xmlRoot=xmlDOM.documentElement;
             try
             {
                 var xmlItem=xmlRoot.getElementsByTagName("item");
                 alert(xmlItem[0].firstChild.data);
             }
             catch(e)
             {
                 alert(e.message);
             }
         }
     }
 }
 function ajaxRequest()
 {
     if(window.XMLHttpRequest)
     {
         xmlHttp=new XMLHttpRequest();
     }
     else if(window.ActiveXObject)
     {
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
     }
     xmlHttp.onreadystatechange=readyStateChangeHandle;
     xmlHttp.open("GET","data.xml",true);
     xmlHttp.send(null);
 }
 </script>
 <input type="button" onclick="ajaxRequest()" value="Take me to the world of AJAX" />
     </body>
 </html>

xml代码：

 <?xml version="1.0" encoding="utf-8"?>
 <root>
     <item>这是一个xml文件</item>
 </root>

运行结果 ：

3.2 获取TXT文件（详见：Ajax基础--创建请求）