如何通过 jQuery 加载部分视图？答案

【问题标题】：How to load partial view via jQuery?如何通过 jQuery 加载部分视图？
【发布时间】：2015-08-24 22:55:36
【问题描述】：

我正在尝试使用 jQuery 加载部分视图。部分视图正在从 Contact.cshtml 加载。但是，在 Chrome 中，我在尝试加载 partialViewName.cshtml 时不断收到 404。

我有以下文件夹结构：

/Views/Contact/Contact.cshtml

/Views/Contact/partialViewName.cshtml

$('#divname').load('partialViewName');

任何想法我做错了什么？

【问题讨论】：

$('#divname').load(url); 其中url = '@Url.Action("actionName", "controllerName")';

【解决方案1】：

.cshtml 文件的文件夹结构和名称无关。您应该对控制器操作进行 ajax 调用，该操作返回您想要的部分视图。

返回局部视图的控制器操作方法应如下所示，

//
// GET: /SampleController/MyAction

[HttpGet]
public ActionResult MyAction()
{
   return PartialView("_MyPartial");
}

那你需要调用这个方法，

$('#divname').load("/SampleController/MyAction");

【讨论】：

【解决方案2】：

如果分部视图是 Razor 视图，则需要创建控制器操作来传递分部视图。默认路由需要 /Controller/Action。它不是文件路径引用。

【讨论】：

【解决方案3】：

因为加载部分视图时 javascript 不起作用

【讨论】：