簡體   English   中英

從JavaScript中的文本文件讀取數據

[英]Read data from text file in javascript

我正在嘗試建立一個復雜的網站,我想將其拆分為多個文件,其中之一就是內容本身,為此,我想創建一個函數來更改文件中的div內容。

整個代碼:

<html>
    <body onLoad = "uploadData();">
        <div id = "text"> </div>
    </body>
    <script>
    function uploadData()
    {
        var file = new File("data");
        file.open("r");
        var data = "";
        while (!file.eof) {
            data += file.readln() + "\n";
        }
        file.close();
        alert(data);
        document.getElementById('text').innerHTML = data;
    }
    </script>
</html>

代碼在第7行有錯誤。請幫助我!

出於安全原因,您不能在現代瀏覽器中以這種方式讀取文件(腳本已沙盒化 )。

也許您是從非常老的非標准Javascript參考(例如JavaScript Programmer's Reference (Cliff Wootton,2001年)或Pure JavaScript (Charlton Ting,Jason Gilliam,Allen R. Wyke,1999年)中獲得這些功能的。 這些都是非常古老的手冊,並且處理過時的瀏覽器版本(Internet Explorer 4 ...)。

您還可以在不是瀏覽器引擎的JS引擎(如Adobe InDesign,NodeJS或ShellJS)提供的API中找到這些功能或類似集合。 使用JS引擎並不意味着您會找到與另一個引擎相同的API。 通常,使用NodeJS和Firefox JS引擎(當前為OdinMonkey)不會做相同的事情。

如果要使用外部資源(位於服務器中的文件)動態更改頁面的內容(即DOM結構),請使用Ajax技術。

最后, 在這個SO問題中 ,您將找到一些獲取本地文件內容的方法,但是它們必須由用戶手動選擇

如果要創建復雜的網站,則需要Web服務器。 假設您的內容不需要服務器端渲染並且已經安裝了Apache,那么簡單的XHR函數可以幫助您獲取內容。 如果普通的XHR沒有幫助,jQuery也許可以簡化事情。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM