如何將部分視圖放入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中的' Html.Partial '可能等效

（或者還有另一種方法可以在不進行AJAX調用的情況下獲取部分視圖）

Answer 1

cshtml文件在服務器端解析。 您不能僅使用JavaScript加載它。 完美的方法是通過調用返回部分視圖的Action使用Ajax

Answer 2

@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函數無法簡單處理的。