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 相关文章推荐
Three.js源码阅读笔记(Object3D类)
Dec 27 Javascript
GRID拖拽行的实例代码
Jul 18 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
Mar 02 Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 Javascript
微信小程序  action-sheet详解及实例代码
Nov 09 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
Dec 09 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 Javascript
vue实现下载文件流完整前后端代码
Nov 17 Vue.js
Vue中使用import进行路由懒加载的原理分析
Apr 01 Vue.js
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
虫族 ZERG 概述
2020/03/14 星际争霸
PHP实现分页的一个示例
2006/10/09 PHP
php提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
2011/02/08 PHP
php计算十二星座的函数代码
2012/08/21 PHP
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
一个不错的应用,用于提交获取文章内容,不推荐用
2007/03/03 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
2013/10/22 Javascript
cookie的secure属性详解
2015/04/08 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
jQuery无冲突模式详解
2019/01/17 jQuery
vue element-ui之怎么封装一个自己的组件的详解
2019/05/20 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
vue使用showdown并实现代码区域高亮的示例代码
2019/10/17 Javascript
在Vue中使用antv的示例代码
2020/06/29 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
2020/10/27 Javascript
[04:38]完美世界携手游戏风云打造 卡尔工作室饰品系统篇
2013/04/25 DOTA
Win7上搭建Cocos2d-x 3.1.1开发环境
2014/07/03 Python
详解Python迭代和迭代器
2016/03/28 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
TensorFlow实现Batch Normalization
2018/03/08 Python
详解Python下ftp上传文件linux服务器
2018/06/21 Python
Python3如何判断三角形的类型
2020/04/12 Python
Python参数传递机制传值和传引用原理详解
2020/05/22 Python
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
50道外企软件测试面试题
2014/08/18 面试题
机电一体化大学生求职信
2013/11/08 职场文书
yy结婚证婚词
2014/01/10 职场文书
2014年秋季新学期寄语
2014/08/02 职场文书
早读课迟到检讨书
2014/09/25 职场文书