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 中使用JSON的实现代码
Dec 01 Javascript
window.open打开页面居中显示的示例代码
Dec 27 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
学习JavaScript设计模式之责任链模式
Jan 18 Javascript
很全面的JavaScript常用功能汇总集合
Jan 22 Javascript
jQuery.datatables.js插件用法及api实例详解
Oct 28 Javascript
原生js实现放大镜效果
Jan 11 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
Aug 14 Javascript
浅谈实现在线预览PDF的几种解决办法
Aug 10 Javascript
详解javascript脚本何时会被执行
Feb 05 Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
Oct 24 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/03/05 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
Avengerls vs Newbee BO3 第一场2.18
2021/03/10 DOTA
JQuery EasyUI 对话框的使用方法
2010/10/24 Javascript
jquery给图片添加鼠标经过时的边框效果
2013/11/12 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
关于Javascript中document.cookie的使用
2017/03/08 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
layui表格内放置图片,并点击放大的实例
2019/09/10 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
[02:22:36]《加油!DOTA》总决赛
2014/09/19 DOTA
[55:16]Mski vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python分析apache访问日志脚本分享
2015/02/26 Python
Python与shell的3种交互方式介绍
2015/04/11 Python
Python判断字符串与大小写转换
2015/06/08 Python
Python实现将json文件中向量写入Excel的方法
2018/03/26 Python
对Python3中的print函数以及与python2的对比分析
2018/05/02 Python
pandas-resample按时间聚合实例
2019/12/27 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
白宫黑市官网:White House Black Market
2016/11/17 全球购物
美国最大的半成品净菜电商:Blue Apron(蓝围裙)
2018/04/27 全球购物
就业推荐自我鉴定
2013/10/06 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
教师竞聘上岗演讲稿
2014/09/03 职场文书
公务员党员评议表自我鉴定
2014/09/14 职场文书
意外伤害赔偿协议书范本
2014/09/28 职场文书
财产分割协议书范本
2014/11/03 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书