如何将局部视图放入 JavaScript 中的 div（使用 jQuery）

Question

我有，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[=35 中可能有等效项=] 对于 'Html.Partial'

（或者是否有另一种无需 AJAX 调用即可获得局部视图的方法）

Answer 1

cshtml 文件在服务器端呈现。您不能仅使用 JavaScript 加载它。完美的方法是通过调用 return 您的部分视图

的操作来使用 Ajax

Answer 2

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

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 函数无法简单地处理它。

如何将局部视图放入 JavaScript 中的 div（使用 jQuery）

How to put a Partial View into a div in JavaScript (with jQuery)

javascript

asp.net-mvc

jquery

partial-views

html.renderpartial