ASP.NET MVC – Teilansichten mit Ajax

Das Design von Anwendungen mit ASP.NET MVC gibt uns die Möglichkeit, viele Entwicklungstechniken zu kombinieren, sofern sie nicht dem Prinzip von Model, Vista, Controller widersprechen, mit dem wir Tools wie Ajax verwenden können , um unsere Anwendung dynamischer zu gestalten und attraktiv für den Benutzer.

In Bezug auf die Verwendung von Ajax haben wir so genannte Teilansichten , die nichts weiter als Informationen sind, die in unseren Controllern generiert werden und die wir in bereits erstellte Ansichten einbeziehen und die dem Benutzer angezeigt werden. Dadurch können wir einen Effekt erzielen von sehr interessante asynchrone Last.

Teilwiedergabe

Wenn wir eine Anfrage per HTTP an eine Ressource senden, erhalten wir eine Antwort. Diese Antwort kann auf einer Seite angezeigt werden, da sie aus HTML besteht. Wenn wir diese Art von Aktion sehen, wenn wir eine Seite aktualisieren möchten, die wir sehen, aktualisieren wir sie einfach und sollten sie anzeigen die neuen Informationen.

Nachteil
Manchmal ist es nicht erforderlich, eine ganze Seite zu aktualisieren, entweder weil es auf der Ebene der Leistung sehr teuer oder für Benutzer einfach nicht optimal ist. Dazu können wir nur den Abschnitt laden, der uns interessiert. Dies wird mit Ajax erreicht und ist die Basis der Teilansichten.

Ajax-Verhalten

Bevor wir etwas in ASP.NET tun können, werden wir sehen, wie sich klassisches Ajax verhält. Mit Hilfe von jQuery möchten wir einen Abschnitt laden, nachdem die Seite geladen wurde, ohne ihn aktualisieren zu müssen. Sehen wir uns den folgenden Quellcode an das Bild, eine Vorstellung davon zu haben, was wir in diesem Entwicklungsstil häufig sehen werden:

See also  Woher weiß ich meine Windows 10 IP-Adresse?

asp_vistas_parciales_ajax.jpg

Hier ist die Logik recht einfach: Wir haben ein HTML- Element, das als Container dient. In dem Beispiel wurde es “Container” genannt, damit wir es klarer sehen können. Darin werden wir die Daten drucken, die wir asynchron erhalten, wenn wir Ajax verwenden Wir sehen dann, dass wir ihm mit Hilfe von jQuery mitteilen, dass er nach Abschluss des Ladens unseres HTML-Dokuments eine Methode mit dem Namen .load () ausführt, die eine entfernte Datei lädt und im Selektor druckt.

Worauf sollten wir achten?
Was wir sicherstellen müssen ist, dass wir die Datei haben, zu der wir in der .load () -Methode aufrufen. Auf diese Weise können wir sicherstellen, dass alles korrekt funktioniert, andernfalls wird ein 404-Fehler ausgegeben und der Platz, an dem die Informationen angezeigt werden sollen, wird leer

Dies ist das Beste für uns, um die Realisierung der Teilansichten in unserer ASP.NET MVC- Anwendung zu entwickeln. Wir werden einfach Methoden oder Aktionen in unseren Controllern entwickeln, die es uns ermöglichen, das Teilergebnis zu erhalten, über das wir in die Selektoren aufgenommen werden Ajax , die Komplexität ist gering, da das Framework für diese Art von Anforderungen vorbereitet ist.

Nachdem wir dieses Tutorial beendet haben, haben wir bereits ein wenig mehr darüber gesehen, wie wir mit den verschiedenen Tools, die uns angeboten werden, eine Basis aufbauen, die uns zum Erreichen unserer Entwicklungsziele führt.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *