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