当前位置: 移动技术网 > IT编程>脚本编程>Ajax > 使用ajax技术实现txt弹出在页面上的方法

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

2017年12月08日  | 移动技术网IT编程  | 我要评论
使用ajax技术实现点击按钮,将txt文本里的内容通过弹出框显示到页面上 /*事件会在页面加载完成后触发。*/ <script> wi

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

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网