使用ajax技術實現txt彈出在頁面上的方法
- 韦小宝原創
- 2018-01-15 11:39:131277瀏覽
下面小編就為大家帶來一篇使用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技術實現txt彈出在頁面上的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：ajax實現遠端通信下一篇：ajax實現遠端通信