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 相关文章推荐
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 Javascript
jquery 操作DOM的基本用法分享
Apr 05 Javascript
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
AngularJs Injecting Services Into Controllers详解
Sep 02 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
基于React实现表单数据的添加和删除详解
Mar 14 Javascript
jquery插件开发之选项卡制作详解
Aug 30 jQuery
详解vue中在父组件点击按钮触发子组件的事件
Nov 13 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程序效率优化的一些策略小结
2010/07/17 PHP
php生成静态文件的多种方法分享
2012/07/17 PHP
php组合排序简单实现方法
2016/10/15 PHP
PHP里面把16进制的图片数据显示在html的img标签上(实现方法)
2017/05/02 PHP
PHP用户注册邮件激活账户的实现代码
2017/05/31 PHP
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
JavaScript获得页面base标签中url的方法
2015/04/03 Javascript
Node.js文件操作方法汇总
2016/03/22 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
简单实现jquery隔行变色
2017/11/09 jQuery
详解IWinter 一个路由转控制器的 Nodejs 库
2017/11/15 NodeJs
9种改善AngularJS性能的方法
2017/11/28 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
浅谈vue引入css,less遇到的坑和解决方法
2018/01/20 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
2018/09/28 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
[03:04]2018年国际邀请赛典藏宝瓶&莱恩声望物品展示 片尾有彩蛋
2018/06/04 DOTA
[01:46]2020完美世界全国高校联赛秋季赛报名开启
2020/10/15 DOTA
Python+django实现文件上传
2016/01/17 Python
基于python时间处理方法(详解)
2017/08/14 Python
Python调用JavaScript代码的方法
2020/10/27 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
css3实现书本翻页效果的示例代码
2021/03/08 HTML / CSS
H5 video poster属性设置视频封面的方法
2020/05/25 HTML / CSS
英国和世界各地鲜花速递专家:Arena Flowers
2018/02/10 全球购物
日本亚马逊官方网站:Amazon.co.jp
2020/04/14 全球购物
送给程序员的20个Java集合面试问题
2014/08/06 面试题
学校安全检查制度
2014/01/27 职场文书
社区清明节活动总结
2014/07/04 职场文书
中学生民族团结演讲稿
2014/08/27 职场文书
整改落实自查报告
2014/11/05 职场文书
合作意向书怎么写
2019/06/24 职场文书
sql server删除前1000行数据的方法实例
2021/08/30 SQL Server
mysql查询结果实现多列拼接查询
2022/04/03 MySQL
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python