这次给大家带来ajax实现txt文本在页面上弹出,ajax实现txt文本在页面上弹出的注意事项有哪些,下面就是实战案例,一起来看一下。

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

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

ajax提交数据到后台数据库后实现用户注册

Ajax结合php怎么实现二级联动

新手必看的Ajax技术组成与核心原理分析

以上就是ajax实现txt文本在页面上弹出的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码