当前位置：主页 > 查看内容

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

发布时间：2021-05-17 00:00| 有 位朋友查看

简介：使用ajax技术实现点击按钮，将TXT文本里的内容通过弹出框显示到页面上 /*事件会在页面加载完成后触发。*/scriptwindow.onload = function（）{/*获取按钮的id*/ var oBth=document.getElementById（‘btn'）;/*点击按钮触发的函数*// oBth.onclick = functio……

使用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弹出在页面上的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持尊托云数。


原文链接：https://m.jb51.net/article/89821.htm
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：面试题：三行三列布局、表格有合并且不准嵌套使用表格 下一篇：程序员学英语的一个方法

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐