使用ajax技術(shù)實現(xiàn)txt彈出在頁面上的方法
更新時間：2016年08月04日 09:17:07 投稿：jingxian
下面小編就為大家?guī)硪黄褂胊jax技術(shù)實現(xiàn)txt彈出在頁面上的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
使用ajax技術(shù)實現(xiàn)點擊按鈕，將TXT文本里的內(nèi)容通過彈出框顯示到頁面上
/*事件會在頁面加載完成后觸發(fā)。*/
<script>
window.onload = function（）{
/*獲取按鈕的id*/
var oBth=document.getElementById（‘btn'）;
/*點擊按鈕觸發(fā)的函數(shù)*//
oBth.onclick = function(){
/*打開瀏覽器*/
var xhr = new XMLHttpRequest（）;
/*在地址欄輸入地址，這里的1txt代表需要打開的內(nèi)個txt文件*/
xhr.open（‘get'，‘1.txt'，true）
/*提交*/
xhr.send（）;
/*等服務器返回內(nèi)容*/
xhr.onreadystatechange = function（）{
if（xhr.readystate==4）{
alert（xhr.responseText）;
}
}
}
}
</script>
<body>
<input type="button" value="按鈕" id="btn">
</body>
以上就是使用ajax實現(xiàn)通過彈出窗打開一個text文件。
使用ajax技術(shù)實現(xiàn)txt彈出在頁面上的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
layPage是一款多功能的js分頁組件，即適用于異步分頁，又可用于傳統(tǒng)的整頁刷新跳頁，還支持信息流加載，并且可無縫遷移至Node.js平臺，這篇文章主要介紹了laypage前端分頁插件，實現(xiàn)ajax異步分頁,需要的朋友可以參考下2016-05-05
下面小編就為大家?guī)硪黄獪\談Ajax和JavaScript的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細介紹了ajax獲取用戶所在地天氣的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了使用AJAX實現(xiàn)上傳文件，無需任何插件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了Ajax的優(yōu)點與缺點的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
結(jié)合AJAX進行PHP開發(fā)之入門...2006-12-12
防止ajax重復請求的方法(GET和POST) ,需要的朋友可以參考下。2011-10-10
這篇文章主要為大家詳細介紹了AJAX實現(xiàn)指定部分頁面刷新效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了react axios 跨域訪問一個或多個域名問題，本文通過實例代碼截圖的形式給大家展示的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
ajax請求后臺得到json數(shù)據(jù)后動態(tài)生成樹形下拉框的方法
今天小編就為大家分享一篇ajax請求后臺得到json數(shù)據(jù)后動態(tài)生成樹形下拉框的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08