Как поместить частичное представление в div в JavaScript (с помощью jQuery)

Question

У меня есть MyPartialView.cshtml ':

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

, index.cshtml:

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

и index.js.

'Index.js' должен выглядеть следующим образом:

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

до поместить частичное представление в основной div .

(запись @<text> <div> @Html.Partial("MyPartialView")</div></text>) в моем.cshtml работает, но мне нужно динамически изменять содержимое. Поэтому я подумал, что, возможно, в JavaScript есть эквивалент для 'Html.Partial'

(или есть другой способ получитьЧастичное представление без вызова AJAX)

Answer 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.

Answer 2

cshtml файлов сто на стороне сервера.Вы не можете загрузить его, используя только JavaScript.идеальный способ - использовать Ajax, вызывая Action, который возвращает ваше частичное представление