使用ajax技術實現(xiàn)txt彈出在頁面上的方法
更新時間：2016年08月04日 09:17:07 投稿：jingxian
下面小編就為大家?guī)硪黄褂胊jax技術實現(xiàn)txt彈出在頁面上的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
使用ajax技術實現(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技術實現(xiàn)txt彈出在頁面上的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了ajax無刷新驗證注冊信息示例,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
下面小編就為大家?guī)硪黄狪E下Ajax提交亂碼的快速解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
通過在后臺與服務器進行少量數(shù)據(jù)交換,Ajax可以使網(wǎng)頁實現(xiàn)異步更新,下面這篇文章主要給大家介紹了關于Ajax異步請求的五個步驟及實戰(zhàn)案例的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
下面小編就為大家?guī)硪黄唵螌嶓w類和xml文件的相互轉(zhuǎn)換方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
AJAX入門之XMLHttpRequest慨述...2006-06-06
ajax實現(xiàn)點擊不同的鏈接讓返回的內(nèi)容顯示在特定div里
過ajax實現(xiàn)在一個web頁面點擊不同的鏈接，然后將返回的結(jié)果顯示在該頁面固定的div里2014-06-06
AJAX 進度條實現(xiàn)代碼，基于java后來，大家可以學習下。2009-09-09
ie發(fā)送ajax請求返回上一次結(jié)果的解決方法
這篇文章主要介紹了ie發(fā)送ajax請求返回上一次結(jié)果的解決方法,需要的朋友可以參考下2014-03-03
本文給大家介紹了ajax實現(xiàn)跨域訪問的3種解決方案，非常的實用，個人比較推薦第三種，小伙伴們可以著重看下。2015-06-06
AJAX應用之草稿自動保存...2006-10-10