如何使用jquery.load檢索html /或完整html的一部分？

Question

我想使用jquery的加載函數加載整個/部分html。我知道這也可以使用$ .ajax（）完成，但我想了解如何使用jQuery的不同功能。

這裏是我當前的代碼：

<ul> 
    <li><a id="home" href="#">Home</a></li> 
    <li><a id="contact" href="#">Contact</a></li> 
    <li><a id="gallery" href="#">Gallery</a></li> 
</ul> 


<div id="result"> 

</div> 

<script> 
$(document).ready(function(e) { 
    $("#gallery").click(function(e){ 
     $('#result').load('gallery.html'); 
     e.preventDefault(); 
    }); 
}); 
</script> 

目前它不工作，我也得到這個

的XMLHttpRequest無法加載文件：/// C：/用戶/蘭德爾/臺式機/順/ gallery.html。 Access-Control-Allow-Origin不允許Origin null。

Answer 1

jQuery無法從文件系統中檢索文件。您必須將您的項目移動到Web服務器或本地開發服務器（如XAMPP或類似的）

除了您的代碼應該工作。只要記住一切之前把e.preventDefault()：

$("#gallery").click(function(e){ 
    e.preventDefault(); 
    $('#result').load('gallery.html'); 
});