简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

使用ajax技術實現txt彈出在頁面上的方法

韦小宝
發布： 2018-01-15 11:39:13
原創
1242 人瀏覽過

下面小編就為大家帶來一篇使用ajax技術實現txt彈出在頁面上的方法。小編覺得蠻不錯的，現在就ajax原始碼分享給大家，也給大家做個參考。對ajax有興趣的一起跟隨小編過來看看吧

使用ajax技術實現點擊按鈕，將TXT文字裡的內容透過彈出框顯示到頁面上

/*事件会在页面加载完成后触发。*/

<script>

window.onload = function（）{

/*获取按钮的id*/

　　var oBth=document.getElementById（‘btn&#39;）;

/*点击按钮触发的函数*//

　　oBth.onclick = function(){

/*打开浏览器*/

　　　　var xhr = new XMLHttpRequest（）;

/*在地址栏输入地址，这里的1txt代表需要打开的内个txt文件*/

　　　　xhr.open（‘get&#39;，‘1.txt&#39;，true）

/*提交*/

　　　　xhr.send（）;

/*等服务器返回内容*/

　　　　xhr.onreadystatechange = function（）{

　　　　　　if（xhr.readystate==4）{

　　　　　　alert（xhr.responseText）;

}

}

}

}

</script>

<body>
<input type="button" value="按钮" id="btn">
</body>
登入後複製

以上就是使用ajax實現透過彈出窗開啟一個text檔案的所有內容，希望對大家學習有所幫助！ ！

相關推薦：

ajax設定async校驗使用者名稱是否存在

IE下Ajax提交亂碼如何解決

Ajax表單非同步上傳檔案實例程式碼詳解

以上是使用ajax技術實現txt彈出在頁面上的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
ajax 實現
來源：php.cn
上一篇：ajax實現遠端通信 下一篇：Vuex提升學習篇分享
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在Laravel中以Bootstrap模式展示AWS PDF文件 我已經下載了awsurl，例如https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/655712202215174539...
來自於 2024-04-04 22:16:18
0
1
1450
修訂後的標題：根據複選框選擇計算總計 我正在開發一個簡單的財務追蹤應用程式。在應用程式中，有一個包含所有支出帳單的表格，然後是位於表格外部的總金額。我正在嘗試找到一種使用JS或AJAX的方法，以便當我選擇表行中的1個複...
來自於 2024-04-04 13:45:50
0
1
3465
使用 Ajax 產生內容 - 捲動到 Id 不起作用 我根據透過ajax取得的數據產生頁面內容。我遇到的問題是，當我想滾動到某個ID時，滾動要么不會發生，要么滾動到錯誤的位置。我一直在查看SO問答，但沒有找到任何好的解決方案。很多答案...
來自於 2024-04-04 09:29:39
0
1
397
傳遞多個列表從ajax到Django的方法 我有一個問題，我想從list獲取所有數據，所以我想循環所選項目中的每個數據並將其插入數據庫，目前，當我打印['[objectObject]','[objectObject]'],時...
來自於 2024-04-03 23:20:06
0
1
362
使用Ajax和PHP在CodeIgniter中上傳多個圖像文件 我在將多個圖像檔案上傳到伺服器端時遇到問題。如果有人能夠突出顯示程式碼的問題所在，那就太好了。最初有HTML程式碼：<labelclass="col-form-la...
來自於 2024-04-03 22:35:03
0
1
318
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！