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

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

0 голосов
/ 25 октября 2018

У меня есть 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)

Ответы [ 2 ]

0 голосов
/ 26 октября 2018

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

0 голосов
/ 25 октября 2018

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

...