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

最新推荐文章于 2022-02-09 11:34:42 发布

weixin_30657541

最新推荐文章于 2022-02-09 11:34:42 发布

阅读量78

点赞数

原文链接：http://www.cnblogs.com/lymblog/p/7245091.html

版权

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

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基础--创建请求）

转载于:https://www.cnblogs.com/lymblog/p/7245091.html

weixin_30657541

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax基础（二）--获取服务器文件

获取服务器文件相关步骤：1、创建文件；2、创建XMLHttpRequest对象；3、获取文件（注意事项：1）在服务器中运行测试；2）注意编码问题，编码要统一）。　　3.1 获取xml文件：HTML代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta c...
复制链接

扫一扫