2016-12-27 45 views
0

我是新來的jquery方面的東西。以下提供的是我用來拉取文本文件內容的html/jquery代碼。但是,我似乎無法得到它的工作。 test.txt文件在第一行中包含「testtest」。使用jquery不工作將文本文件中的內容添加到html中

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 
<body> 
<p id="text"></p> 
<script type="text/javascript"> 
$('#text').load("C:/Users/MYUSER/Desktop/test.txt"); 
</script> 
</body> 
</html> 
+0

可能有兩個問題,第一,您可以在輸入字段中加載內容,第二,我認爲不可能直接從您的目錄加載文件 – alexqoliveira

+0

@alexqoliveira是否可以用html文件? – Brad

+0

否。例如,在chrome中會出現此錯誤:'僅對協議模式支持跨源請求:http,數據,chrome,chrome擴展名,https,chrome擴展名資源'。 但在Firefox中,你將實現你想要做的事情。嘗試在Firefox上加載,但這次調用一個方法'加載'一個DIV標記 – alexqoliveira

回答

1

通過使用jQuery.get,您可以讀取文本文件並使用html方法將值分配給段落。

jQuery.get('file.txt', function(data) { 
    alert(data); 
    //process text file line by line 
    $('#text').html(data.replace('n','')); 
}); 

請參閱鏈接瞭解更多信息。 https://www.sitepoint.com/jquery-read-text-file/

+0

我不能在本地使用,但我可以嗎?我需要某種網絡服務? – Brad

+0

從web服務中獲取時使用ajax –

-1

您無法讀取從本地文件系統這樣一個文件,你需要把它的Web服務器和負載/進行閱讀。

另一個選項是,你可以使用選項--allow-file-access-from-files啓動chrome,這將允許訪問本地文件。有關更多參考,請參閱http://chrome-allow-file-access-from-file.blogspot.in/

相關問題