时间:2021-07-01 10:21:17 帮助过:39人阅读
使用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>
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
ajax提交数据到后台数据库后实现用户注册
Ajax结合php怎么实现二级联动
新手必看的Ajax技术组成与核心原理分析
以上就是ajax实现txt文本在页面上弹出的详细内容,更多请关注Gxl网其它相关文章!