使用本地託管的網頁和內容的jQuery AJAX調用

我想通過jQuery找出AJAX，我在理解某些東西時遇到了一些麻煩。使用本地託管的網頁和內容的jQuery AJAX調用

在W3Schools上使用this教程，我嘗試了一些我認爲應該很簡單的方法：將一些與.html文件位於同一目錄中的.txt文件中的文本加載到按鈕上的div中。

這裏的目錄樹：

➜ jquery_ex tree                      
.                          
├── demo_test.txt 
└── index.html

和這裏的HTML/JS：

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
     <script> 
      $(document).ready(function(){ 
       $("button").click(function(){ 
       $("#div1").load("file:///Users/Nerdenator/Workspace/jquery_ex/demo_test.txt", 
        function(responseTxt, statusTxt, xhr){ 
         if(statusTxt == "success") 
          alert("External content loaded successfully!"); 
         if(statusTxt == "error") 
          alert("Error: " + xhr.status + ": " + xhr.statusText); 
        }); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="div1"> 
      <h2>Let jQuery AJAX Change This Text</h2> 
     </div> 
     <button>Get external content</button> 
    </body> 
</html>

的html的加載到一個頁面的URL file:///Users/Nerdenator/Workspace/jquery_ex/index.html，符合市場預期。然而，在按鈕上點擊，我得到一個404錯誤警報，在JS控制檯中出現以下瀏覽器：

jquery.min.js:4 XMLHttpRequest cannot load file:///Users/Nerdenator/Workspace/jquery_ex/demo_test.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

我有點困惑在這裏;如何在與調用頁面相同的文件夾中的同一臺計算機上的數據請求CORS請求？

來源

2016-08-20 nerdenator

你不能訪問文件系統那樣使用JavaScript 網址。這是一個很大的安全禁忌。 –

@nerdenator另請參見[如何使用java腳本打印文件夾內的所有txt文件]（http://stackoverflow.com/questions/37634049/how-to-print-all-the-txt-files-inside-a -folder-使用的Java腳本/） – guest271314

我想在本地主機 127.0.0.1/folder名/ demo_test.txt 或 demo_test.txt

來源

2016-08-20 14:25:30 sajad

使用本地託管的網頁和內容的jQuery AJAX調用

回答

相關問題