【AJAX】讀取文字檔

【AJAX】讀取文字檔

- 3月 30, 2012

利用簡單的方式輕鬆讀取文字檔內容，不過會忽略換行符號，也就是說在文字檔內，按下Enter換行會被忽略之。不過可以下HTML語法來做些變化，Ex: 換行<BR/> ; 字型粗體<b>等等。

文字檔內容 :

JavaScript :

<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>

部分HTML ：

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

執行畫面 :

留言