Ajax ASP.NET MVC 3局部视图从视图中的动态列表动态呈现和链接

在我的MVC3应用程序中，我将有一个包含局部视图的视图。视图本身将有一个动态生成的链接列表。链接必须使局部视图呈现该链接项的详细信息

我会使用Ajax吗？如果是这样的话，因为我以前没有使用过Ajax，有没有在MVC3应用程序中使用它的文档

此外，首次加载视图时，局部视图将不会加载，或者理想情况下显示另一个单独的局部视图。有什么好办法吗

---

感谢您的帮助。

创建一个操作方法，该方法返回部分视图结果：

[HttpGet]
public ActionResult DetailedLinkInfo(int someIdentifier)
{
   var detailedLinkInfo = GetFromSomewhere();
   return PartialView(detailedLinkInfo );
}

然后创建一个局部视图，强类型为detailedLinkInfo（假设它是一个

动态链接

）

@model WebApplication.Models.DynamicLink
@* bunch of HTML for the detailed info *@

然后在客户端使用jQuery。为所有链接提供一个类，以便更容易连接事件：

$(function() {
   $('a.dynamic-link').click(function() {
      $.get('/SomeController/DetailedLinkInfo', someIdentifier: $(this).attr('id'), function(data) {
         $('#some-div').html(data);
      });
   });
});

---

最终结果：单击其中一个链接，jQuery将执行AJAX GET to controller操作，然后将结果绑定到div。

创建一个操作方法，该方法返回一个部分视图结果：

[HttpGet]
public ActionResult DetailedLinkInfo(int someIdentifier)
{
   var detailedLinkInfo = GetFromSomewhere();
   return PartialView(detailedLinkInfo );
}

然后创建一个局部视图，强类型为detailedLinkInfo（假设它是一个

动态链接

）

@model WebApplication.Models.DynamicLink
@* bunch of HTML for the detailed info *@

然后在客户端使用jQuery。为所有链接提供一个类，以便更容易连接事件：

$(function() {
   $('a.dynamic-link').click(function() {
      $.get('/SomeController/DetailedLinkInfo', someIdentifier: $(this).attr('id'), function(data) {
         $('#some-div').html(data);
      });
   });
});

---

最终结果：单击其中一个链接，jQuery将执行一个AJAX GET to controller操作，然后将结果绑定到div。

我发现解决此问题的最简单方法是使用MVC 3框架附带的AJAX帮助程序。上的MVC 3 AJAX视频非常简洁地解释了如何使用此功能。

我发现解决此问题的最简单方法是使用MVC 3框架附带的Ajax帮助程序。上的MVC 3 Ajax视频非常出色，简洁地解释了如何使用此功能的基础知识。

感谢您的回复，不过我还是使用了随附的Ajax帮助程序MVC3@Jame没有问题。但是您应该知道，在MVC3中，AJAX助手和JS库（MicrosoftMvcAjax.JS）被认为是“遗留的”现在，jQuery已经做到了这一切——为您节省了一个额外的JS库。不过这完全取决于您。感谢您的回复，不过我还是选择了随附的ajax助手MVC3@James-没问题。但您应该知道，在MVC 3中，AJAX助手和JS库（MicrosoftMvcAjax.JS）被认为是“遗留的”现在，jQuery就可以做到这一切了——为您节省了一个额外的JS库。不过这完全取决于您。