如何在 JavaScript 中将部分视图放入 div（使用 jQuery）答案

【问题标题】：How to put a Partial View into a div in JavaScript (with jQuery)如何在 JavaScript 中将部分视图放入 div（使用 jQuery）
【发布时间】：2018-10-25 15:29:06
【问题描述】：

我有，MyPartialView.cshtml'：

<div id="partialDiv">some content</div>

一个'index.cshtml'：

<div id="mainDiv"> </div>

还有一个“index.js”。

'index.js' 应该是这样的：

$('mainDiv').html($('#partialDiv'))

将部分视图放入主 div。

（在我的 .cshtml 中写 @<text> <div> @Html.Partial("MyPartialView")</div></text>) 有效，但我需要动态更改内容。因此，我认为 JavaScript 中可能有一个等效的 'Html.Partial'

（或者有没有其他方法可以在没有 AJAX 调用的情况下获得部分视图）

【问题讨论】：

标签： javascript jquery asp.net-mvc partial-views html.renderpartial

【解决方案1】：

@Html.Partial("MyPartialView") 仅用于渲染单个局部视图文件（也与@Html.RenderPartial() 一起使用）。您可以使用 AJAX 调用返回部分视图的控制器操作：

AJAX 请求

$.ajax({
    type: 'GET',
    url: '@Url.Action("ActionName", "ControllerName")',
    // other settings
    success: function (result) {
        $('mainDiv').html(result);
    }
});

控制器动作

[HttpGet]
public ActionResult ActionName()
{
    // do something
    return PartialView("MyPartialView");
}

请注意，在 JS 中没有调用局部视图的等价物，因为您需要向服务器发出请求，而标准 JS 函数无法简单地处理。

【讨论】：

【解决方案2】：

cshtml 文件在服务器端渲染。您不能仅使用 JavaScript 加载它。完美的方法是通过调用返回局部视图的 Action 来使用 Ajax

【讨论】：