使用ajax技术实现txt弹出在页面上的方法-js教程-PHP中文网

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

韦小宝

发布： 2018-01-15 11:39:13

原创

1411人浏览过

下面小编就为大家带来一篇使用ajax技术实现txt弹出在页面上的方法。小编觉得挺不错的，现在就ajax源码分享给大家，也给大家做个参考。对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设置async校验用户名是否存在

站长俱乐部购物系统

功能介绍：1、模块化的程序设计，使得前台页面设计与程序设计几乎完全分离。在前台页面采用过程调用方法。在修改页面设计时只需要在相应位置调用设计好的过程就可以了。另外，这些过程还提供了不同的调用参数，以实现不同的效果；2、阅读等级功能，可以加密产品，进行收费管理；3、可以完全可视化编辑文章内容，所见即所得；4、无组件上传文件，服务器无需安装任何上传组件，无需支持FSO，即可上传文件。可限制文件上传的类