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 Select(单选) 模拟插件 V1.3.62 改进版
Jul 17 Javascript
javascript实现页面内关键词高亮显示代码
Apr 03 Javascript
对new functionName()定义一个函数的理解
May 22 Javascript
Jquery 实现table样式的设定
Jan 28 Javascript
JavaScript中定义函数的三种方法
Mar 12 Javascript
基于javascript实现checkbox复选框实例代码
Jan 28 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
Jun 13 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
基于JavaScript 性能优化技巧心得(分享)
Dec 11 Javascript
实现高性能javascript的注意事项
May 27 Javascript
JavaScript中变量提升和函数提升的详解
Aug 07 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
无线电广播的开始
2002/01/30 无线电
thinkphp3.x连接mysql数据库的方法(具体操作步骤)
2016/05/19 PHP
PHP自带方法验证邮箱、URL、IP是否合法的函数
2016/12/08 PHP
ZendFramework2连接数据库操作实例
2017/04/18 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
页面使用密码保护代码
2013/04/10 Javascript
js的onload事件及初始化按钮事件示例代码
2013/09/25 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
jquery checkbox实现单选小例
2013/11/27 Javascript
js禁止页面刷新与后退的方法
2015/06/08 Javascript
JavaScript中对JSON对象的基本操作示例
2016/05/21 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
详解vuejs之v-for列表渲染
2017/06/22 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
Element InfiniteScroll无限滚动的具体使用方法
2020/07/27 Javascript
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
进一步探究Python中的正则表达式
2015/04/28 Python
Python实现模拟登录及表单提交的方法
2015/07/25 Python
Python实现对字符串的加密解密方法示例
2017/04/29 Python
python决策树之C4.5算法详解
2017/12/20 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
Python多图片合并PDF的方法
2019/01/03 Python
python 实现创建文件夹和创建日志文件的方法
2019/07/07 Python
Django分组聚合查询实例分享
2020/04/29 Python
TCP协议通讯的过程和步骤是什么
2015/10/18 面试题
新闻报道策划方案
2014/06/11 职场文书
cf战队收人口号
2014/06/21 职场文书
办理房产证委托书
2014/09/18 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript
如何用JavaScript实现一个数组惰性求值库
2021/05/05 Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript
漫画「请问您今天要来点兔子吗?」最新杂志彩页公开
2022/03/24 日漫