javascript结合ajax读取txt文件内容


Posted in Javascript onDecember 05, 2014

代码很简洁,这里就不多废话了,直接上源码

html代码

 <!doctype html>

 <html>

  <head>

      <meta charset="utf-8"/>

      </head>

      <body>

          <button type="button"  onclick="show()">请求数据</button>

         <script src="ajax.js"></script>

         <script>

           function show(){

             Ajax('read.txt?datetime=new Date.getTime ',function(str){alert(str);},function(){alert('失败了');})

           };

         </script>

      </body>

 </html>

javascript代码

  function Ajax(url,fnSucc,fnFaild)

             {

                  //1.创建ajax对象

                if(window.XMLHttpRequest)

                 {// code for IE7+, Firefox, Chrome, Opera, Safari

                      var oAjax=new XMLHttpRequest();

                 }

                else

                 {// code for IE6, IE5

                     var oAjax=new ActiveXObject("Microsoft.XMLHTTP");

                 }

                 //2.链接服务器(打开服务器的连接)

                 //open(方法,文件名,异步传输)

                 oAjax.open('GET',url,true);

                 //3.发送

                 oAjax.send();

                 //4.接收返回

                 oAjax.onreadystatechange=function()

                    {

                      if (oAjax.readyState==4)

                      {

                        if(oAjax.status==200)

                          { 

                            fnSucc(oAjax.responseText);  

                          }

                       else

                          {

                           fnFaild(oAjax.status);

                          }

                      };

                 };

              }

请求的文件为read.txt

内容随便填写

Javascript 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
Apr 27 Javascript
javascript学习笔记(十三) js闭包介绍(转)
Jun 20 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
Dec 20 Javascript
jQuery formValidator表单验证
Jan 07 Javascript
BootStrap入门教程(一)之可视化布局
Sep 19 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
vue双向绑定简要分析
Mar 23 Javascript
node.js操作MongoDB的实例详解
Oct 11 Javascript
基于vue实现移动端圆形旋钮插件效果
Nov 28 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
Element Carousel 走马灯的具体实现
Jul 26 Javascript
javascript实现切换td中的值
Dec 05 #Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 #Javascript
深入分析js的冒泡事件
Dec 05 #Javascript
Javascript解析URL方法详解
Dec 05 #Javascript
jQuery不兼容input的change事件问题解决过程
Dec 05 #Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
Dec 05 #Javascript
jQuery前端框架easyui使用Dialog时bug处理
Dec 05 #Javascript
You might like
php高级编程-函数-郑阿奇
2011/07/04 PHP
PHP判断搜索引擎蜘蛛并自动记忆到文件的代码
2012/02/04 PHP
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
js控制href内容的连接内容的变化示例
2014/04/30 Javascript
AngularJS中的Directive实现延迟加载
2016/01/25 Javascript
Vue计算属性的使用
2017/08/04 Javascript
关于定制FileField中的上传文件名称问题
2017/08/22 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
Vuex的初探与实战小结
2018/11/26 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
深入探索VueJS Scoped CSS 实现原理
2019/09/23 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
JS实现导航栏楼层特效
2020/01/01 Javascript
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
python字典序问题实例
2014/09/26 Python
Python中turtle作图示例
2017/11/15 Python
django中账号密码验证登陆功能的实现方法
2019/07/15 Python
python如何删除文件中重复的字段
2019/07/16 Python
python3利用Axes3D库画3D模型图
2020/03/25 Python
Jupyter Notebook输出矢量图实例
2020/04/14 Python
keras中的History对象用法
2020/06/19 Python
Python大批量搜索引擎图像爬虫工具详解
2020/11/16 Python
Python可以用来做什么
2020/11/23 Python
AmazeUI 图标的示例代码
2020/08/13 HTML / CSS
C有"按引用传递"吗
2016/09/06 面试题
父亲八十大寿答谢词
2014/01/23 职场文书
财产公证书格式
2014/04/10 职场文书
男性健康日的活动方案
2014/08/18 职场文书
法制教育演讲稿
2014/09/10 职场文书
领导干部作风建设剖析材料
2014/10/11 职场文书
大学运动会加油稿
2015/07/22 职场文书
Java Shutdown Hook场景使用及源码分析
2021/06/15 Java/Android
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android