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快速解决input中placeholder值在ie中无法支持的问题
Jan 02 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
Feb 04 Javascript
排序算法的javascript实现与讲解(99js手记)
Sep 28 Javascript
jQuery中removeData()方法用法实例
Dec 27 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
javascript实现查找数组中最大值方法汇总
Feb 13 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 Javascript
详解vue2路由vue-router配置(懒加载)
Apr 08 Javascript
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
vue input 输入校验字母数字组合且长度小于30的实现代码
May 16 Javascript
从vue源码看props的用法
Jan 09 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中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
JavaScript中的对象化编程
2008/01/16 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
2010/07/26 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
jQuery满屏焦点图左右滚动特效代码分享
2015/09/07 Javascript
概述jQuery的元素筛选
2016/11/23 Javascript
JS实现全屏的四种写法
2016/12/30 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
2017/04/12 Javascript
JS简单判断是否在微信浏览器打开的方法示例
2019/01/08 Javascript
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
Python读取MRI并显示为灰度图像实例代码
2018/01/03 Python
Python单元和文档测试实例详解
2019/04/11 Python
kali中python版本的切换方法
2019/07/11 Python
安装docker-compose的两种最简方法
2019/07/30 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
命令行运行Python脚本时传入参数的三种方式详解
2019/10/11 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
Python使用re模块验证危险字符
2020/05/21 Python
HTML5实现自带进度条和滑块滑杆效果
2018/04/17 HTML / CSS
moosejaw旗下的户外商品促销网站:Mountain Steals
2017/02/27 全球购物
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
Feelunique德国官方网站:欧洲最大的在线美容零售商
2019/07/20 全球购物
CHARLES & KEITH台湾官网:新加坡时尚品牌
2019/07/30 全球购物
中专自我鉴定范文
2013/10/16 职场文书
学生夜不归宿检讨书
2014/09/23 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
校园安全主题班会
2015/08/12 职场文书
用Python监控你的朋友都在浏览哪些网站?
2021/05/27 Python
Python OpenGL基本配置方式
2022/05/20 Python