在服务器上使用不同的方法来生成内容的每个部分。这样，您可以简单地调用该方法以获取特定的内容，而不是调用通用方法并仅提取所需的内容。一旦有了获取每个内容项的独特方法，就可以将该方法的href用作链接，并使用jQuery
load方法通过AJAX检索内容并更新内容区域。
以下示例假定您的每个导航链接都具有类
nav-link，并且内容区域具有id
content。它还假定您已包含jQuery.js。
<div > <ul> <li><a href="/foo" >Foo</a></li> ... </ul></div><div id="content"> ... initial content...</div><script type="text/javascript"> $(function() { $('.nav-link').click( function() { var href = $(this).attr('href'); $('#content').load( href, function() { // you can do something here after the content is loaded if needed }); return false; // don't actually follow the link }); });</script>
