Verwenden von Ajax zum teilweisen Aktualisieren von Razor-Seiten (grafisches Tutorial)

Razor ist sehr leistungsfähig, kann jedoch nicht alleine aktualisiert werden und muss daher mit Ajax verwendet werden. In diesem Artikel wird anhand eines Beispiels die Verwendung von Ajax zum teilweisen Aktualisieren der Razor-Seite vorgestellt. Freunde, die es benötigen, können darauf verweisen.

Razor ist sehr leistungsfähig, kann jedoch keine Aktualisierung erreichen und muss daher verwendet werden mit Ajax

Dieser Artikel gibt ein einfaches Beispiel für die Implementierung einer teilweisen Aktualisierung mit Razor und Ajax.

Zuerst erstellen wir ein MVC-Projekt

Lassen Sie uns ein einfaches Controller-Buch erstellen

Dann Fügen Sie eine Ansicht hinzu und fügen Sie einen einfachen HTML-Code hinzu Klicken Sie auf @Html.ActionLink, die Methode in Javascript wird ausgelöst und Ajax wird verwendet, um auf den Pfad /Test/Book/Part/1 zuzugreifen. Nach erfolgreicher Anfrage wird der von mir angeforderte HTML-Code in

erstellt. , das ist eigentlich das Prinzip der teilweisen Aktualisierung

Dies ist der Code von Teil, und dann fügen wir auch eine Ansicht zu Teil hinzu

Teilecode kann ganz einfach sein, und dann starten wir unser Projekt

Wir klicken immer wieder auf den Button „Klick mich“

Die Seite wird sich ständig ändern.

Hier ist zu beachten, dass bei Verwendung einer AJAX-Anfrage die URL vollständig geschrieben werden muss. Wenn mein Controller beispielsweise im Buchordner unter „Bereich“ heißt und die Aktion „Teil“ lautet, lautet die URL „/“. Test/Book /Part, /Test dürfen nicht fehlen, sonst tritt der folgende Fehler auf

Es ist ersichtlich, dass die von zurückgegebene Ansicht angezeigt wird, wenn die URL nicht vollständig geschrieben ist Die Aktion ist eigentlich der falsche Weg.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Struts2- und Ajax-Dateninteraktion (grafisches Tutorial)

Verwenden Sie Ajax, um das Formular an die zu senden Datenbank Ausführliche Erklärung (keine Aktualisierung)

Pull-up-Ladebeispiel geschrieben von nativem Ajax (Bild- und Text-Tutorial)

Das obige ist der detaillierte Inhalt vonVerwenden von Ajax zum teilweisen Aktualisieren von Razor-Seiten (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!