当我点击链接时，我如何加载div上的html页面(使用AJAX和JQUERY)

Question

<div id="menu"> 
<nav>
<ul class="nav_links">
<li><a id ="homelink" href="#">Home</a></li>
<li><a id="aboutlink" href="#">About</a></li>
<li><a id="locationlink" href="#">Location</a></li>
</ul>

</nav>
</div>
<Main id="main_container">
</Main>

现在我需要AJAX和JQUERY代码，当我点击一个锚，内容从一个文档。在main_container上显示HTML

例如:点击HOME LINK>在主容器上显示HOME的内容

Answer 1

您需要使用jQuery .load()方法来加载页面URL和事件。preventDefault防止重定向到页面本身，如下所示:

$('#menu .nav_links a').click(function(e) {
e.preventDefault();
var $this = $(this),
$href = $this.attr('href');
$('#main_container').load($href);
});