Wie rendere ich Teilansichten dynamisch mit jQuery in ASP.NET MVC?

Teilansichten mit jQuery in ASP.NET MVC rendern

Teilansichten sind eine praktische Möglichkeit, Ihre ASP.NET MVC-Anwendung zu modularisieren, indem Sie eine komplexe Ansicht in kleinere aufteilen , wiederverwendbare Komponenten. Während es üblich ist, sie direkt in der übergeordneten Ansicht zu rendern, gibt es möglicherweise Szenarien, in denen Sie dies dynamisch mit jQuery tun müssen.

So rendern Sie eine Teilansicht mit jQuery

Entgegen der falschen Vorstellung können Sie eine Teilansicht nicht direkt mit jQuery allein rendern. Sie können jedoch eine Aktionsmethode aufrufen, die eine Teilansicht als Antwort zurückgibt, und dann jQuery verwenden, um das Ergebnis in Ihre Seite einzufügen.

Das folgende Codebeispiel zeigt, wie Sie dies erreichen:

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

Dieser Code setzt Folgendes voraus:

• Eine Schaltfläche mit einer Klasse js-reload-details und einem Datenattribut namens data-url. Das data-url-Attribut sollte die URL der Aktionsmethode enthalten, die die Teilansicht rendert.
• Eine Teilansicht mit einem ID-Attribut von detailsDiv.
• Eine Aktionsmethode namens Details im Benutzercontroller . Die Details-Aktion nimmt einen ganzzahligen Parameter an und gibt eine Teilansicht mit dem Namen „UserDetails“ zurück.

Beispielcode

In der übergeordneten Ansicht sollten Sie eine Schaltfläche einfügen mit dem entsprechenden data-url-Attribut:

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

Die UserDetails-Teilansicht sollte den gewünschten HTML-Code enthalten:

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

Durch die Kombination dieser Elemente können Sie Teilansichten dynamisch laden und anzeigen jQuery in ASP.NET MVC.

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