2014-10-08 28 views
1

我想用ajax做一些非常簡單的事情。我有一個文件夾在我的Mac與2文件:index.html和text.txt。ajax問題顯示簡單文檔的內容

的index.html:

<p> 
    <input type="button" onclick="loadDoc()" value="CLICK" /> 
</p> 

<p id="fileContent"></p> 



<script> 

    function loadDoc() { 

     var xhr = new XMLHttpRequest(); 

     xhr.open('GET', "text.txt", true); 

     xhr.onreadystatechange = function() { 

       document.getElementById('fileContent').innerHTML = xhr.responseText; 

     } 
     xhr.send(null); 
    } 
</script> 

的text.txt:

hello 

當用戶點擊CLICK按鈕時,我想讓按鈕CLICK下方出現text.txt'hello'的內容。

它不適用於我的Mac本地。你知道爲什麼嗎?

謝謝!

回答

0

Ajax請求無法通過file:///這是一個安全限制CORS

你有什麼是正確的。但需要通過服務http://

1

這是大多數瀏覽器的正常行爲。本地文件不能被ajax訪問。這是一項安全功能。您可以運行某個dev服務器或使用--disabled-web-security標誌啓動chrome。然而,有一個新的html5本地文件訪問API來了,我不知道它支持多好。http://www.html5rocks.com/en/tutorials/file/dndfiles/