使用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)文章
這篇文章主要為大家詳細(xì)介紹了ajax無(wú)刷新驗(yàn)證注冊(cè)信息示例,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
下面小編就為大家?guī)?lái)一篇IE下Ajax提交亂碼的快速解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
Ajax異步請(qǐng)求的五個(gè)步驟及實(shí)戰(zhàn)案例
通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,Ajax可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新,下面這篇文章主要給大家介紹了關(guān)于Ajax異步請(qǐng)求的五個(gè)步驟及實(shí)戰(zhàn)案例的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
簡(jiǎn)單實(shí)體類(lèi)和xml文件的相互轉(zhuǎn)換方法
下面小編就為大家?guī)?lái)一篇簡(jiǎn)單實(shí)體類(lèi)和xml文件的相互轉(zhuǎn)換方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
AJAX入門(mén)之XMLHttpRequest慨述...2006-06-06
ajax實(shí)現(xiàn)點(diǎn)擊不同的鏈接讓返回的內(nèi)容顯示在特定div里
過(guò)ajax實(shí)現(xiàn)在一個(gè)web頁(yè)面點(diǎn)擊不同的鏈接，然后將返回的結(jié)果顯示在該頁(yè)面固定的div里2014-06-06
AJAX 進(jìn)度條實(shí)現(xiàn)代碼，基于java后來(lái)，大家可以學(xué)習(xí)下。2009-09-09
ie發(fā)送ajax請(qǐng)求返回上一次結(jié)果的解決方法
這篇文章主要介紹了ie發(fā)送ajax請(qǐng)求返回上一次結(jié)果的解決方法,需要的朋友可以參考下2014-03-03
Ajax實(shí)現(xiàn)跨域訪問(wèn)的三種方法
本文給大家介紹了ajax實(shí)現(xiàn)跨域訪問(wèn)的3種解決方案，非常的實(shí)用，個(gè)人比較推薦第三種，小伙伴們可以著重看下。2015-06-06
AJAX應(yīng)用之草稿自動(dòng)保存...2006-10-10