使用jquery/ajax/javascript加载页面的一部分

我有一系列链接，可以将另一个页面的一部分加载到我的主页容器

#pageCont

。我正在使用下面的脚本，它工作得很好，但只在第一个链接上，第二和第三个链接只是将我重定向到实际页面。我不熟悉jquery和ajax，所以我不知道如何继续编写这段代码

$（“#嵌入uri”）。在（“单击”上，（函数（e）{
$.ajax({
url:$（this.attr（“href”），
成功：功能（响应）{
$（“#pageCont”）.html（$（response.find（“#target”））；
}
});
e、 预防默认值（）；
}));

请使用类，而不是像这样使用相同的id

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id"pageCont" class="main">
</div>
<div class="sidebar">
<div><a class="embed-uri" href="/webpage1/"</a></div>
<div><a class="embed-uri" href="/webpage2/"</a></div>
<div><a class="embed-uri" href="/webpage3/"</a></div>
</div>

$(".embed-uri").on("click", (function(e){
$.ajax({
url:$(this).attr("href"),
success: function(response) {
$("#pageCont").html($(response).find("#target"));
}
});

e.preventDefault();
}));


将类用于“a”标记而不是id，然后将“#”选择器更改为“.”。它应该像一个符咒一样工作
你的选择器有问题）用类替换id。（像那样）
$（.embed uri”）。在（“单击”上，（函数（e）{
$.ajax({
url:$（this.attr（“href”），
成功：功能（响应）{
$（“#pageCont”）.html（$（response.find（“#target”））；
}
});
e、 预防默认值（）；
}));


在单个文档中具有重复ID是无效的HTML。考虑一下。code>li
s也不应是
div
s