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 相关文章推荐
js onpropertychange输入框 事件获取属性
Mar 26 Javascript
js实现div的切换特效上一个下一个
Feb 11 Javascript
jQuery表格插件datatables用法总结
Sep 05 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
js如何准确获取当前页面url网址信息
Sep 13 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
Sep 28 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
小程序如何使用分包加载的实现方法
May 22 Javascript
20多个小事例带你重温ES10新特性(小结)
Sep 29 Javascript
AutoJs实现刷宝短视频的思路详解
May 22 Javascript
Vue使用axios引起的后台session不同操作
Aug 14 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自动反斜杠的函数代码
2010/01/05 PHP
php单例模式实现(对象只被创建一次)
2012/12/05 PHP
PHP批量上传图片的具体实现方法介绍.
2014/02/26 PHP
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
Javascript中引用示例介绍
2014/02/21 Javascript
javascript最基本的函数汇总
2015/06/25 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
2015/08/24 Javascript
理解javascript闭包
2015/12/15 Javascript
Node.js DES加密的简单实现
2016/07/07 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
基于BootStrap的前端分页带省略号和上下页效果
2017/05/18 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
Vue基本使用之对象提供的属性功能
2019/04/30 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
Python 3.7新功能之dataclass装饰器详解
2018/04/21 Python
python调用xlsxwriter创建xlsx的方法
2018/05/03 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
python实现飞机大战
2018/09/11 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
python实现文字版扫雷
2020/04/24 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
CHARLES & KEITH英国官网:新加坡时尚品牌
2018/07/04 全球购物
波兰化妆品和护肤品购物网站:eKobieca
2019/08/30 全球购物
教师节活动主持词
2014/04/02 职场文书
新学期红领巾广播稿
2014/10/04 职场文书
2015年春节标语口号
2014/12/09 职场文书
2015公务员试用期工作总结
2014/12/12 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书
国际贸易实训总结
2015/08/03 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
MySQL数据管理操作示例讲解
2022/12/24 MySQL