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 相关文章推荐
JQuery动态给table添加、删除行 改进版
Jan 19 Javascript
JavaScript高级程序设计 事件学习笔记
Sep 10 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
javascript实现简单的二级联动
Mar 19 Javascript
javascript与Python快速排序实例对比
Aug 10 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
Aug 21 Javascript
jQuery实现根据生日计算年龄 星座 生肖
Nov 23 Javascript
探究react-native 源码的图片缓存问题
Aug 24 Javascript
tweenjs缓动算法的使用实例分析
Aug 26 Javascript
微信小程序JS加载esmap地图的实例详解
Sep 04 Javascript
使用Bootstrap做一个朝代历史表
Dec 10 Javascript
Vue和React有哪些区别
Sep 12 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
是否存在第一台收音机的说法
2021/03/01 无线电
PHP实现今天是星期几的几种写法
2013/09/26 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
ThinkPHP 3.2 版本升级了哪些内容
2015/03/05 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
符合W3C网页标准的iframe标签的使用方法
2007/07/19 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
php中给js数组赋值方法
2014/03/10 Javascript
JavaScript对IE操作的经典代码(推荐)
2014/03/10 Javascript
jQuery选择器简明总结(含用法实例,一目了然)
2014/04/25 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
vue中的适配px2rem示例代码
2018/11/19 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
JS删除数组指定值常用方法详解
2020/06/04 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
python通过getopt模块如何获取执行的命令参数详解
2017/12/29 Python
详解python函数传参是传值还是传引用
2018/01/16 Python
Tensorflow 模型转换 .pb convert to .lite实例
2020/02/12 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
python实现三种随机请求头方式
2021/01/05 Python
HTML5 实战PHP之Web页面表单设计
2011/10/09 HTML / CSS
Ratchet 模态框的实现
2020/08/19 HTML / CSS
酒吧创业计划书
2014/01/18 职场文书
校园广播站开场白
2015/06/01 职场文书
职工培训工作总结
2015/08/10 职场文书
2019大学生暑期实习心得总结
2019/08/21 职场文书
简单谈谈Python面向对象的相关知识
2021/06/28 Python
python三子棋游戏
2022/05/04 Python