關於jquery中load()沒法加載本地文件的問題

時間 2019-12-14

標籤關於 jquery load 沒法加載本地文件問題欄目 JQuery 简体版

原文原文鏈接

今天開始剛開始學習jQuery的AJAX就遇到一個頭疼的問題，按照教程的代碼，我編寫的代碼以下（使用VS Code編輯器）：javascript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LOAD方法</title>
    <script src="../jQuery庫/jquery-3.2.1.min.js"></script>
</head>
<body>
    <button type="button">獲取外部數據</button>
    <div id="div1">
        <p>這段文字將被替換掉</p>
    </div>
    <script>
        $(document).ready(function(){
            $('button').click(function(){
                $('#div1').load("test.txt");
            })
        })
    </script>
</body>
</html>

　　test.txt和html文件在同一目錄下，在瀏覽器中運行後，點擊按鈕老是無效。html

　　後來才知道須要load()沒法加載本地文件，須要搭建一個本地服務器才能運行。對於小白我來講，對於搭載本地服務器一竅不通，幸虧配有告訴我，能夠用WS開發神器，它自帶了一個本地服務。在WS上運行後，能夠實現異步加載效果了。java