DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 使用ajax技術實現txt彈出在頁面上的方法
使用ajax技術實現txt彈出在頁面上的方法
編輯:AJAX基礎知識     

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

/*事件會在頁面加載完成後觸發。*/

<script>

window.onload = function(){

/*獲取按鈕的id*/

  var oBth=document.getElementById(‘btn');

/*點擊按鈕觸發的函數*//

  oBth.onclick = function(){

/*打開浏覽器*/

    var xhr = new XMLHttpRequest();

/*在地址欄輸入地址,這裡的1txt代表需要打開的內個txt文件*/

    xhr.open(‘get',‘1.txt',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技術實現txt彈出在頁面上的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved