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 相关文章推荐
javascript AutoScroller 函数类
May 29 Javascript
jQuery javaScript捕获回车事件(示例代码)
Nov 07 Javascript
js控制input框只读实现示例
Jan 20 Javascript
javascript中call,apply,bind的用法对比分析
Feb 12 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
js实现非常棒的弹出div
Oct 06 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
underscore之Collections_动力节点Java学院整理
Jul 10 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
javascript判断一个变量是数组还是对象
Apr 10 Javascript
详解微信小程序回到顶部的两种方式
May 09 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
Jan 27 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树的代码,可以嵌套任意层
2006/10/09 PHP
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
2016/01/25 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
2016/08/02 Javascript
详解node.js平台下Express的session与cookie模块包的配置
2017/04/26 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
vant实现购物车功能
2020/06/29 Javascript
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
实例讲解Python的函数闭包使用中应注意的问题
2016/06/20 Python
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
Python Cookie 读取和保存方法
2018/12/28 Python
Python 3.8新特征之asyncio REPL
2019/05/28 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
python实现图片二值化及灰度处理方式
2019/12/07 Python
Python3 把一个列表按指定数目分成多个列表的方式
2019/12/25 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
pyecharts调整图例与各板块的位置间距实例
2020/05/16 Python
Bitiba意大利:在线宠物商店
2020/10/31 全球购物
生日寿宴答谢词
2014/01/19 职场文书
《都江堰》教学反思
2014/02/07 职场文书
税务干部鉴定材料
2014/02/11 职场文书
入党积极分子批评与自我批评思想汇报
2014/09/14 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
民间借贷协议书范本
2014/10/01 职场文书
餐饮服务员岗位职责
2015/02/09 职场文书
2015年施工员工作总结范文
2015/04/20 职场文书
学雷锋感言
2015/08/03 职场文书
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js
Android中View.post和Handler.post的关系
2022/06/05 Java/Android