如何通过jQuery加载局部视图？

Question

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

我有以下文件夹结构：

/Views/Contact/Contact.cshtml

/Views/Contact/partialViewName.cshtml

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

我在的网址是http://localhost/Contact/Index

任何想法我做错了什么？

Answer 1

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

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

//
// GET: /SampleController/MyAction

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

然后你需要调用这个方法，

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

Answer 2

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

Answer 3

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