asp.net-mvc
MVC Ajax-Erweiterungen
Suche…
Einführung
Dies dokumentiert die Verwendung der Bibliothek System.Web.Mvc.Ajax .
MSDN-Dokumente zitieren "Jede Erweiterungsmethode rendert ein HTML-Element. Die ActionLink-Methode rendert ein Ankerelement (a), das mit einer Aktionsmethode verknüpft ist. Die RouteLink-Methode rendert ein Ankerelement (a), das eine Verknüpfung zu einer URL herstellt Aktionsmethode, eine Datei, ein Ordner oder eine andere Ressource Diese Klasse enthält auch die Methoden BeginForm und BeginRouteForm, mit denen Sie HTML-Formulare erstellen können, die von AJAX-Funktionen unterstützt werden.
Parameter
| AJAX-Optionen | Beschreibung |
|---|---|
| Bestätigen | Ruft die Nachricht ab oder legt sie fest, dass sie in einem Bestätigungsfenster angezeigt wird, bevor eine Anforderung gesendet wird. |
| HttpMethod | Ruft die HTTP-Anforderungsmethode ab ("Get" oder "Post") oder legt diese fest. |
| InsertionMode | Ruft den Modus ab, der angibt, wie die Antwort in das Ziel-DOM-Element eingefügt werden soll, oder legt diesen Modus fest. |
| LoadingElementDuration | Ruft einen Wert in Millisekunden ab oder legt diesen fest, der die Dauer der Animation beim Anzeigen oder Ausblenden des Ladeelements steuert. |
| LoadingElementId | Ruft das ID-Attribut eines HTML-Elements ab, das angezeigt wird, während die Ajax-Funktion geladen wird. |
| OnBegin | Ruft den Namen der JavaScript-Funktion ab, die unmittelbar vor dem Aktualisieren der Seite aufgerufen wird, oder legt diesen Namen fest. |
| OnComplete | Ruft die JavaScript-Funktion ab, die aufgerufen wird, oder legt diese fest, wenn Antwortdaten instanziiert wurden, aber bevor die Seite aktualisiert wird. |
| OnFailure | Ruft die JavaScript-Funktion ab, die aufgerufen werden soll, oder legt diese fest, wenn die Aktualisierung der Seite fehlschlägt. |
| OnSuccess | Ruft die JavaScript-Funktion ab, die nach dem erfolgreichen Aktualisieren der Seite aufgerufen wird, oder legt diese fest. |
| UpdateTargetId | Ruft die ID des zu aktualisierenden DOM-Elements mithilfe der Antwort des Servers ab oder legt diese fest. |
| URL | Ruft die URL für die Anforderung ab oder legt diese fest. |
Bemerkungen
Das Paket Jquery.Unobtrusive-Ajax wird im Projekt benötigt. Die entsprechenden Javascript-Dateien müssen in einem jquery.unobtrusive-ajax.js enthalten sein ( jquery.unobtrusive-ajax.js oder jquery.unobtrusive-ajax.min.js ). Schließlich muss es auch in der Datei web.config aktiviert werden:
<appSettings>
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>
Die aufgerufenen Aktionen ( SomeAction in den Beispielen) müssen entweder einen Json oder eine PartialView .
Ajax-Aktionslink
@* Renders an anchor (a) element that links to an action method.
* The innerHTML of "target-element" is replaced by the result of SomeAction.
*@
@Ajax.ActionLink("Update", "SomeAction", new AjaxOptions{UpdateTargetId="target-element" })
Ajax-Formulare
@* Adds AJAX functions support to a form.
* The innerHTML of "target-element" is replaced by the result of SomeAction.
*@
@using ( Ajax.BeginForm("SomeAction", "SomeController",
new AjaxOptions {
UpdateTargetId="target-element",
OnSuccess = "some_js_fun(context)"
})
)
{
<!-– my form contents -->
}