How to put a Partial View into a div in JavaScript (with jQuery) - Stack Overflow

admin管理员组

文章数量:1414604

I have ,MyPartialView.cshtml':

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

an 'index.cshtml':

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

and an 'index.js'.

The 'index.js' should do sth like:

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

to put the partial view into the main div.

(writing @<text> <div> @Html.Partial("MyPartialView")</div></text>) in my .cshtml works, but I need to change the content dynamically. Therefore, I thought maybe there is an equivalent in JavaScript for 'Html.Partial'

(Or is there another way to get a Partial View without an AJAX Call)

I have ,MyPartialView.cshtml':

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

an 'index.cshtml':

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

and an 'index.js'.

The 'index.js' should do sth like:

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

to put the partial view into the main div.

(writing @<text> <div> @Html.Partial("MyPartialView")</div></text>) in my .cshtml works, but I need to change the content dynamically. Therefore, I thought maybe there is an equivalent in JavaScript for 'Html.Partial'

(Or is there another way to get a Partial View without an AJAX Call)

• javascript
• jquery
• asp-mvc
• partial-views
• html.renderpartial

Share Improve this question Follow asked Oct 25, 2018 at 15:29 thestruggleisrealthestruggleisreal 1,31533 gold badges1616 silver badges3333 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

@Html.Partial("MyPartialView") used only to render single partial view file (also with @Html.RenderPartial()). You can use AJAX to call controller action which returns partial view:

AJAX Request

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

Controller Action

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

Note that there's no equivalent of calling partial view in JS, because you need to make request to server which can't be simply handled by standard JS functions.

cshtml files are rendred in server side. you can't load it using just JavaScript. the perfect way is using Ajax by calling an Action that return your partial view

本文标签： How to put a Partial View into a div in JavaScript (with jQuery)Stack Overflow