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 DOM编程实例(智播客学习)
Nov 23 Javascript
让FireFox支持innerText的实现代码
Dec 01 Javascript
Jquery iframe内部出滚动条
Feb 11 Javascript
jQuery内置的AJAX功能和JSON的使用实例
Jul 27 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 Javascript
JavaScript数据结构之链表的实现
Mar 19 Javascript
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
限时抢购-倒计时的完整实例(分享)
Sep 17 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
Dec 06 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
Mar 29 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 curl 获取https请求的2种方法
2015/04/27 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
mac系统下为 php 添加 pcntl 扩展
2016/08/28 PHP
Mootools 1.2教程 类(一)
2009/09/15 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
jquery垂直公告滚动实现代码
2013/12/08 Javascript
Javascript判断文件是否存在(客户端/服务器端)
2014/09/16 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
2015/08/31 Javascript
jquery.cookie.js用法实例详解
2015/12/25 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
JavaScript手机振动API
2016/06/11 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
原生JavaScript创建不可变对象的方法简单示例
2020/05/07 Javascript
浅析AST抽象语法树及Python代码实现
2016/06/06 Python
python爬取w3shcool的JQuery课程并且保存到本地
2017/04/06 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
Python字典的基本用法实例分析【创建、增加、获取、修改、删除】
2019/03/05 Python
python GUI图形化编程wxpython的使用
2019/07/19 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
Python线程协作threading.Condition实现过程解析
2020/03/12 Python
用python绘制樱花树
2020/10/09 Python
python脚本定时发送邮件
2020/12/22 Python
使用CSS3中的calc()属性来以算式表达尺寸数值
2016/06/06 HTML / CSS
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
财务会计专业求职信范文
2013/12/31 职场文书
股权收购意向书
2014/04/01 职场文书
环境保护标语
2014/06/20 职场文书
职工年度考核评语
2014/12/31 职场文书
焦点访谈观后感
2015/06/11 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书
2019脱贫攻坚工作总结报告范本!
2019/08/06 职场文书
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python