• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >AJAX > 使用ajax技术实现txt弹出在页面上的方法

使用ajax技术实现txt弹出在页面上的方法

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了使用ajax技术实现txt弹出在页面上的方法等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

使用ajax技术实现点击按钮,将TXT文本里的内容通过弹出框显示到页面上

/*事件会在页面加载完成后触发。*/

<script>

window.onload = function(){

/*获取按钮的id*/

  var oBth=document.getElementById(‘btn');

/*点击按钮触发的函数*//

  oBth.onclick = function(){

/*打开浏览器*/

    var xhr = new XMLHttpRequest();

/*在地址栏输入地址,这里的1txt代表需要打开的内个txt文件*/

    xhr.open(‘get',‘1.txt',true)

/*提交*/

    xhr.send();

/*等服务器返回内容*/

    xhr.onreadystatechange = function(){

      if(xhr.readystate==4){

      alert(xhr.responseText);

}

}

}

}

</script>

<body>
<input type="button" value="按钮" id="btn">
</body>
</div>

以上就是使用ajax实现通过弹出窗打开一个text文件。

使用ajax技术实现txt弹出在页面上的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11AJax实现类似百度搜索栏的功能 (面试多见)
  • 2017-05-11herf=#导致Ajax请求时没有向后台发送数据
  • 2017-05-11发现个AJAX图片浏览器SIMPLEVIEWER
  • 2017-05-11ajax调用中ie缓存问题解决方法
  • 2017-05-11AJAX技术框架及开发工具
  • 2017-05-11Servlet+Ajax实现智能搜索框智能提示功能
  • 2017-05-11掌握AJAX第1/7页
  • 2017-05-11ajax怎么打开新窗口具体如何实现
  • 2017-05-11在Ajax中使用get和post所遇到的问题及解决办法
  • 2017-05-11基于ajax html实现文件上传技巧总结

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • javascript ajax功能函数
    • Ajax长连接项目案例
    • pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新
    • [js]一个获取页面ip的正则
    • Ajax的简单实用实例代码
    • AJAX +SpringMVC 实现bootstrap模态框的分页查询功能
    • Ajax注册用户时实现表单验证
    • django使用ajax post数据出现403错误如何解决
    • 使用ajax实现无刷新改变页面内容和地址栏URL
    • jquery ajax 向后台传递数组参数示例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有