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

前端  /  管理员 发布于 5年前   438

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


  • 上一条：
    Ajax请求成功后打开新窗口地址
    下一条：
    Ajax实现智能提示搜索功能

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客