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