Javascript - 閱讀文件（沒有上傳文件，但文件存在於與html文件相同的目錄中）

我爲此嘗試了很多，但沒有找到答案。我怎樣才能讀取使用JavaScript或HTML文件。我有一個文本文件「sample.txt」，我有一些信息。它被放置在html文件所在的文件夾中，其中html文件包含處理該文件的html代碼。我只想從文件中讀取信息並將其顯示在某個div或任何其他位置，我主要想知道如何讀取文件。Javascript - 閱讀文件（沒有上傳文件，但文件存在於與html文件相同的目錄中）

如果需要，將提供更多信息。

謝謝

來源

2012-05-16 ramesh kumar

首先：JavaScript在客戶端執行。雖然你必須建立一個AJAX請求來獲取文件的內容。我認爲jQuery的load()似乎是實現這一目標的最簡單方法。

例如：

$('#theContentElement').load('sample.txt');

來源

2012-05-16 10:26:02

我收到錯誤MLHttpRequest無法加載文件：/// ..... Access-Control-Allow-Origin不允許原產地null。 –

您的網址可能有誤。這個文件在你的本地文件系統上嗎？所以，你想用JavaScript打開一個你的硬盤的文件嗎？ –

您可以使用JavaScript獲取實際的文件內容。下面是一個使用示例代碼jQuery的使用load功能：

$("#YOUR_DIV_ID").load("sample.txt");

這將與「sample.txt的」

來源

2012-05-16 10:31:10 henryabra

內容的ID YOUR_DIV_ID更新div的內容你可以做一個定期的Ajax請求沒有jQuery以及讀取文件。

以下使用GET請求從myfile.txt獲取數據，並將其輸出到ID爲的DIV標籤輸出。

<script> 
function ajaxGet() 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
    { 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("output").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","myfile.txt",true); 
xmlhttp.send(); 
} 
ajaxGet(); 
</script> 

<div id="output"></div>

來源

2012-05-16 10:39:55 jamietelin

Javascript - 閱讀文件（沒有上傳文件，但文件存在於與html文件相同的目錄中）

回答

相關問題