欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2023-02-25 11:45:11|栏目:JavaScript代码|点击:

使用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文件。

上一篇:JS实现灵巧的下拉导航效果代码

栏    目:JavaScript代码

下一篇:基于javascript实现贪吃蛇小游戏

本文标题:使用ajax技术实现txt弹出在页面上的方法

本文地址:http://www.codeinn.net/misctech/226436.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有