jquery – 如何加载视图而不重新加载MVC 4中的布局？

<ul class="menu">
      <li><a href="/about/index">About</a></li>
      <li><a href="/contact/index">Contact</a></li>
   </ul>
   <div id="page-content">
   </div>

您的视图页面将在以下结构中创建为部分视图

About/index.cshtml
Contact/index.cshtml

注意：MVC部分视图不会有< html>或者< head>或者< body>,它只会有内容,类似于ASP.Net中的用户控件.您不能在部分视图中使用@section

现在您只需要使用ajax加载此部分内容,并使用javascript将其放置在主页占位符div中以获取页面内容

$(document).ready(function(){
$("ul.menu a").click(function(E){
  e.preventDefault(); // prevent default link button redirect behavIoUr     
  var url=$(this).attr("href");
  $('#page-content').load(url);
 });
});

希望对你有帮助！