码迷,mamicode.com
首页 > Web开发 > 详细

AJAX传输本地txt文件内容

时间:2015-11-24 00:58:22      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:

写一个按钮,点击后在指定的div里显示本地txt文件内容

 

在本地新建一个test.txt,里面随便写点内容就好。

 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5     </head>
 6     <body>
 7         <input type="button" id="btn_test" value="test" onclick="javascript:testAjax(‘test.txt‘);" />
 8         <br /><br />
 9         <div id="testDiv">Hello,World!</div>
10         
11         <script>
12             function testAjax(request_url){
13                 var xmlhttp = null;
14                 try{
15                     var xmlhttp = new XMLHttpRequest();
16                 }catch(e){
17                     try{
18                         var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
19                     }catch(e){
20                         alert("Your browser is not support AJAX");
21                     }
22                 }
23                 
24                 if (xmlhttp){
25                     xmlhttp.open("GET",request_url,true);
26                     xmlhttp.onreadystatechange = function (){
27                         if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
28                             document.getElementById("testDiv").innerHTML = xmlhttp.responseText;
29                         }
30                     };
31                     xmlhttp.send(null);
32                 }else{
33                     alert("Error");
34                 }
35             }
36         </script>
37     </body>
38 </html>

 

AJAX传输本地txt文件内容

标签:

原文地址:http://www.cnblogs.com/zcynine/p/4990191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!