2007年8月14日 星期二

JavaScript 讀取外部文字檔 | 憂藍夢境‧部落格

JavaScript 讀取外部文字檔 | 憂藍夢境‧部落格

想要利用 JavaScript 來讀取一個檔案內容,搜尋到的方法很多都是用 ActiveX 物件來達成,這樣缺點就只能 IE Only 了。不過後來發現其實用 Ajax 就可以達成了。

搭配 JQuery 使用:

<script type="text/javascript">
$
(document).ready(function() {
$.
get('content.txt', function(data){
alert(data);
});
});
<
/script>

這裡透過 Ajax 發出 GET Request 到 content.txt,就會直接將檔案的內容傳回輸出,很簡單吧^^

但是由於 Ajax 考慮到安全性,所以只能作用在同網域底下。如果要讀的檔案是遠端主機上的呢?這時可以利用其他程式當作中間人,例如透過 PHP 去取得不同網域下的檔案。

JS 內容:

$(document).ready(function() {
$.
get('readfile.php', function(data){
alert(data);
});
});

PHP 內容:


echo file_get_contents("http://aaa.com.tw/content.txt");
?>

沒有留言: