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

我试图使用jquery的load函数加载整个/部分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>

$（文档）.ready（函数（e）{
$（“#图库”）。单击（功能（e）{
$（'#result'）.load（'gallery.html'）；
e、 预防默认值（）；
});
});

目前它不起作用，我也得到了这个

---

无法加载XMLHttpRequestfile:///C:/Users/randel/Desktop/cis/gallery.html. Access Control Allow Origin不允许Origin null。jQuery无法从文件系统检索文件。您必须将项目移动到web服务器或本地开发服务器，如XAMPP或类似服务器

除此之外，您的代码应该可以工作。只需记住将

e.preventDefault（）

放在所有事情之前：

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

---

“jQuery无法从文件系统检索文件。您必须将项目移动到web服务器或本地开发服务器（如XAMPP或类似服务器）”好的，这就是它无法工作的原因。谢谢你的及时回复，先生。上帝保佑……）