您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

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

51自学网 2022-02-21 10:53:18
  ajax

使用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>

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

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


下载地址:
Ajax实现智能提示搜索功能
甩掉ashx和asmx使用jQuery.ajaxWebService请求WebMethod简练处理Ajax
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1