Rumah > hujung hadapan web > tutorial js > 使用ajax技术实现txt弹出在页面上的方法

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

韦小宝
Lepaskan: 2018-01-15 11:39:13
asal
1304 orang telah melayarinya

下面小编就为大家带来一篇使用ajax技术实现txt弹出在页面上的方法。小编觉得挺不错的,现在就ajax源码分享给大家,也给大家做个参考。对ajax感兴趣的一起跟随小编过来看看吧

使用ajax技术实现点击按钮,将TXT文本里的内容通过弹出框显示到页面上

/*事件会在页面加载完成后触发。*/

<script>

window.onload = function(){

/*获取按钮的id*/

  var oBth=document.getElementById(‘btn&#39;);

/*点击按钮触发的函数*//

  oBth.onclick = function(){

/*打开浏览器*/

    var xhr = new XMLHttpRequest();

/*在地址栏输入地址,这里的1txt代表需要打开的内个txt文件*/

    xhr.open(‘get&#39;,‘1.txt&#39;,true)

/*提交*/

    xhr.send();

/*等服务器返回内容*/

    xhr.onreadystatechange = function(){

      if(xhr.readystate==4){

      alert(xhr.responseText);

}

}

}

}

</script>

<body>
<input type="button" value="按钮" id="btn">
</body>
Salin selepas log masuk

以上就是使用ajax实现通过弹出窗打开一个text文件的所有内容,希望对大家学习有所帮助!!

相关推荐:

ajax设置async校验用户名是否存在

IE下Ajax提交乱码如何解决

Ajax表单异步上传文件实例代码详解

Atas ialah kandungan terperinci 使用ajax技术实现txt弹出在页面上的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan