如何将部分视图放入JavaScript中的div(使用jQuery)

时间:2018-10-25 15:29:07

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

我有,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调用的情况下获得部分视图)

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

@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函数简单处理的请求。