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中:empty选择器用法实例
Dec 30 Javascript
纯js代码实现简单计算器
Dec 02 Javascript
理解JavaScript中Promise的使用
Jan 18 Javascript
基于React.js实现原生js拖拽效果引发的思考
Mar 30 Javascript
JavaScript核心语法总结(推荐)
Jun 02 Javascript
Ionic快速安装教程
Jun 03 Javascript
Webpack性能优化 DLL 用法详解
Aug 10 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
Aug 10 Javascript
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
Jan 18 jQuery
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
vue props default Array或是Object的正确写法说明
Jul 30 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 无限分类 树形数据格式化代码
2016/10/11 PHP
php简单实现文件或图片强制下载的方法
2016/12/06 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
2013/05/13 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
用jQuery获取table中行id和td值的实现代码
2016/05/19 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
2016/06/13 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
JavaScript脚本语言是什么_动力节点Java学院整理
2017/06/26 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
webpack 静态资源集中输出的方法示例
2018/11/09 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
[03:04]2018年度DOTA2玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
python文件操作相关知识点总结整理
2016/02/22 Python
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
如何利用Fabric自动化你的任务
2016/10/20 Python
Python 对输入的数字进行排序的方法
2018/06/23 Python
Golang GBK转UTF-8的例子
2019/08/26 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
sklearn和keras的数据切分与交叉验证的实例详解
2020/06/19 Python
python 使用递归的方式实现语义图片分割功能
2020/07/16 Python
生物有机护肤品:Aurelia Probiotic Skincare
2018/01/31 全球购物
中专自荐信
2013/10/13 职场文书
幼儿运动会邀请函
2014/01/17 职场文书
基督教婚礼主持词
2014/03/14 职场文书
省级优秀毕业生主要事迹
2014/05/29 职场文书
小学阳光体育活动总结
2014/07/05 职场文书
工商管理本科生求职信
2014/07/13 职场文书
2015年学生会干事工作总结
2015/04/09 职场文书