Ajax基础(二)--获取服务器文件

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

1、创建文件;

2、创建XMLHttpRequest对象;

3、获取文件(注意事项:1)在服务器中运行测试;2)注意编码问题,编码要统一)。

  3.1 获取xml文件:

HTML代码:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9 var xmlHttp=null;
10 function readyStateChangeHandle()
11 {
12     if(xmlHttp.readyState==4)
13     {
14         if(xmlHttp.status==200)
15         {
16             var xmlDOM=xmlHttp.responseXML;
17             var xmlRoot=xmlDOM.documentElement;
18             try
19             {
20                 var xmlItem=xmlRoot.getElementsByTagName("item");
21                 alert(xmlItem[0].firstChild.data);
22             }
23             catch(e)
24             {
25                 alert(e.message);
26             }
27         }
28     }    
29 }
30 function ajaxRequest()
31 {
32     if(window.XMLHttpRequest)
33     {
34         xmlHttp=new XMLHttpRequest();
35     }
36     else if(window.ActiveXObject)
37     {
38         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
39     }
40     xmlHttp.onreadystatechange=readyStateChangeHandle;
41     xmlHttp.open("GET","data.xml",true);
42     xmlHttp.send(null);
43 }
44 </script>
45 <input type="button" onclick="ajaxRequest()" value="Take me to the world of AJAX" />
46     </body>
47 </html>

 

 xml代码:

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

 

运行结果 :

 

 3.2 获取TXT文件(详见:Ajax基础--创建请求)

 

posted @ 2017-07-31 09:24  名曰大神  阅读(1211)  评论(0编辑  收藏  举报