如何使用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'); 
});