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

以上就是使用ajax实现通过弹出窗打开一个text文件。

使用ajax技术实现txt弹出在页面上的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。



相关阅读:
Adobe Reader因不再吸引Linux用户决定退出Linux系统
div标签中的元素margin-top失效的解决方法
使用PHP导出Redis数据到另一个Redis中的代码
ASP.NET两个截取字符串的方法分享
node.js中的http.response.write方法使用说明
升级到Win10系统需要知道的7件事
PHP实现微信网页授权开发教程
jQuery找出网页上最高元素的方法
Android实战打飞机游戏之菜单页面设计(1)
Wind10 Build 10130即将向Slow Ring用户大面积推送
mysql group_concat()函数用法总结
ajax+jQuery实现级联显示地址的方法
win7系统补丁清理技巧 win7清理更新过的补丁方法分享
WPF的数据绑定详细介绍
快速导航

Copyright © 2016 phpStudy |