javascript - 如何将部分 View 放入 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'))

将部分 View 放入主 div。

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

(或者是否有另一种方法无需 AJAX 调用即可获取部分 View )

Answer 1

@Html.Partial("MyPartialView") 仅用于渲染单个局部 View 文件(也可与 @Html.RenderPartial() 一起使用)。您可以使用 AJAX 调用返回部分 View 的 Controller 操作:

AJAX 请求

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

Controller 操作

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

请注意，JS 中没有调用分部 View 的等效功能，因为您需要向服务器发出请求，而标准 JS 函数无法简单处理该请求。