使用AJAX渲染部分视图

Question

我有一个非常简单的任务，我必须在主页面上渲染部分视图，这样每次点击链接时都不会加载整个页面而只是那个特定的div或section。

检查出来：

• Link。

当您点击上述网站标题上的链接时，它只会加载特定部分而非整页。

我在互联网上尝试了很多解决方案，但我无法使其发挥作用。

我尝试过的解决方案：

• Link
• Link
• Link

由于我无法解释所有这些，我只会问这个问题：

Link

在阅读了很多教程之后，我让虚拟项目工作，但它不能在我的团队正在进行的项目中工作：

1. 我在名为Home的{​​{1}}中添加了一个PartialView。

2. 我在Partial控制器中添加了一个方法：

   Home

3. 我在public PartialViewResult Test() { return PartialView(); } 中添加了一个按钮：

   Index

4. 我的JavaScript：

   <input type="submit" id="clik" />
   

5. 我添加了以下参考文献：

   <script type="text/javascript">
       $('#clik').click(function () {
       $("#s").load("/Home/Test");
       });
   </script>
   

点击提交前的屏幕截图



点击提交后的屏幕截图



这对我的虚拟项目工作正常，但不适用于我的团队正在进行的项目，当我尝试按照上面完全相同的步骤实现此操作时，我在通过{{1}检查页面时遇到以下错误}：

<script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.7.1.js" type="text/javascript"></script>

我是ASP .Net MVC的初学者，我正在使用ASP .Net MVC 4 ...

Answer 1

简化事情：

1. 为每个菜单链接创建一个ajax操作链接。
2. 将UpdateTargetId设置为您要显示部分视图的id div。