Wie rendere ich eine Teilansicht mit jQuery in ASP.NET MVC?

Teilansicht mit jQuery in ASP.NET MVC rendern

In ASP.NET MVC werden Teilansichten üblicherweise mit der Methode Html.RenderPartial() gerendert. Es kann jedoch Szenarien geben, in denen Sie die Teilansicht stattdessen mit jQuery rendern müssen.

Ansatz mit jQuery und Ajax

Um eine Teilansicht mit jQuery zu rendern, können Sie Folgendes tun:

1. Erstellen Sie eine Aktionsmethode: Definieren Sie eine Aktionsmethode in Ihrem Controller, um die Teilansicht zurückzugeben.
2. Binden Sie einen jQuery-Ereignishandler: Binden Sie einen Click-Event-Handler an eine Schaltfläche oder einen Link auf Ihrer Seite.
3. Aktionsmethode aufrufen: Verwenden Sie im Event-Handler $.get() oder $.post() zum Senden eine Ajax-Anfrage an die Aktionsmethode.
4. Partial View Div ersetzen: Wenn die Aktionsmethode eine Teilansicht zurückgibt, verwenden Sie $.replaceWith() oder $.html(), um die vorhandene zu ersetzen Inhalt des Teilansichts-Divs auf der Seite.

Beispiel:

<code class="javascript">$('.js-reload-details').on('click', function(evt) {
    evt.preventDefault();
    evt.stopPropagation();

    var $detailDiv = $('#detailsDiv'),
        url = $(this).data('url');

    $.get(url, function(data) {
        $detailDiv.replaceWith(data);         
    });
});</code>

In diesem Beispiel ein Button mit der Klasse js-reload-details Löst den Click-Event-Handler aus. Der Ereignishandler lädt die Teilansicht mit $.get() und ersetzt den Inhalt des Div mit der ID detailsDiv durch den zurückgegebenen HTML-Code.

Controller-Aktion:

<code class="csharp">public ActionResult Details( int id )
{
    var model = ...get user from db using id...

    return PartialView( "UserDetails", model );
}</code>

Schaltfläche „Übergeordnete Ansicht“:

<code class="html"><button data-url='@Url.Action("details","user", new { id = Model.ID } )'
         class="js-reload-details">Reload</button></code>

Benutzerdetails Teilansicht:

<code class="html"><div id="detailsDiv">
    <!-- ...content... -->
</div></code>

Das obige ist der detaillierte Inhalt vonWie rendere ich eine Teilansicht mit jQuery in ASP.NET MVC?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!