首頁 > web前端 > js教程 > 使用ajax技術實現txt彈出在頁面上的方法

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

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

下面小編就為大家帶來一篇使用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板