頁面無法使用AJAX加載

我是AJAX &的新手，嘗試通過ajax將頁面加載到DIV中（test.html）。我只是想知道，是不是可以使用AJAX沒有PHP服務器（我沒有使用目前）還是有代碼中的任何錯誤：頁面無法使用AJAX加載

我的index.html文件是在：

<! doctype html> 
<html lang="en"> 
<head> 
<link rel="stylesheet" href="css/hwcb.css"> 
</head> 
<body> 
     <input type="button" value="Load" class=」loadpage1」/> 
     <div id="loadpagea1"></div> 

    <script src="jquery.js"></script> 
<script src="css.js"></script> 
<script src="main.js"></script> 
    </body> 
    </html>

我的test.html文件：

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
We belongs to a great nation 
</body> 
</html>

main.js頁：

$('.loadpage1').click(function(){ 
$.ajax({ 
url:'test.html', 
success:function(data){ 
$('#loadpagea1').html(data); 
} 
}); 
});

來源

2015-03-02 user3811050

成功的回調，而不是'$裏（」。loadpagea1' ）.html（data）;'try'$（'＃loadpagea1'）。html（data）;'而不是使用ajax來加載靜態html，而是使用'.load（）'來代替。 – 2015-03-02 07:55:01

這段代碼應該是$（'＃loadpagea1'）作爲id選擇器。 – 2015-03-02 07:55:27

已使用但無法使用 – user3811050 2015-03-02 07:56:40

我只是想知道，是不是可以使用AJAX沒有PHP服務器

一般無需任何服務器這個你的意思是假定，那麼沒有事實並非如此。您無法向本地文件系統發出AJAX請求，因爲它會被瀏覽器的安全設置阻止。

您需要向本地或遠程的服務器發出請求。我建議爲PHP設置一個XAMP服務器，或者爲ASP.Net設置IIS。

來源

2015-03-02 07:56:14

我不能使用服務器，因爲這是辦公室電腦，有沒有辦法也沒有辦法，即通過改變瀏覽器設置等。 – user3811050 2015-03-02 08:02:50

@ user3811050恐怕不是。想象一下，如果有人可以通過AJAX訪問本地機器上的文件。我會立即獲得銀行詳細信息;）您可以在該計算機上安裝服務器 - 但前提是允許。 – 2015-03-02 08:10:08

  $(document).ready(function(){ 
       $('.loadpage1').click(function(){ 
       $.ajax({ 
       url:'test.html', 
       success:function(data){ 
       var data = $(data); 

       $('#loadpagea1').html(data.find('body').html()); 
       } 
       }); 
       }); 

      })

試試這個

來源

2015-03-02 07:56:15

不工作sir – user3811050 2015-03-02 08:08:17

@ user3811050 \t 對不起，我編輯了我的答案，請檢查這個。並確保您的index.html和test.html文件在同一個文件夾中。 – 2015-03-02 09:27:51

試試這個，

var jqXHR = $.ajax({ 
     url: "/test.html", 
     type: "get", 
     contentType: "text/html; charset=utf-8", 
     async: false, 
     success: function (result) { 
     } 
    }); 
    $('#loadpagea1').html(jqXHR.responseText);

來源

2015-03-02 07:59:22

對不起，沒有工作sir – user3811050 2015-03-02 08:00:13

檢查你的文件路徑是否正確，嘗試使用「/test.html」或「test/html」。 – 2015-03-02 08:01:00

現在試試代碼，我編輯過的語法錯誤。 – 2015-03-02 08:02:02

你有HTML語法錯誤，請參閱報價class=」loadpage1」變化與class="loadpage1"

來源

2015-03-02 08:16:26 Firuza

頁面無法使用AJAX加載

回答

相關問題