asp.net-mvc
Extensions Ajax MVC
Recherche…
Introduction
Cela documente l'utilisation de la bibliothèque System.Web.Mvc.Ajax .
Citing MSDN docs "Chaque méthode d'extension rend un élément HTML. La méthode ActionLink rend un élément anchor (a) lié à une méthode d'action. La méthode RouteLink rend un élément anchor (a) lié à une URL, qui peut être transformé en un élément méthode d'action, un fichier, un dossier ou une autre ressource Cette classe contient également les méthodes BeginForm et BeginRouteForm qui vous aident à créer des formulaires HTML pris en charge par les fonctions AJAX.
Paramètres
| Options AJAX | La description |
|---|---|
| Confirmer | Obtient ou définit le message à afficher dans une fenêtre de confirmation avant l'envoi d'une demande. |
| HttpMethod | Obtient ou définit la méthode de requête HTTP ("Get" ou "Post"). |
| Mode d'insertion | Obtient ou définit le mode qui spécifie comment insérer la réponse dans l'élément DOM cible. |
| ChargementElementDuration | Obtient ou définit une valeur, en millisecondes, qui contrôle la durée de l'animation lors de l'affichage ou du masquage de l'élément de chargement. |
| LoadingElementId | Obtient ou définit l'attribut id d'un élément HTML affiché pendant le chargement de la fonction Ajax. |
| OnBegin | Obtient ou définit le nom de la fonction JavaScript à appeler immédiatement avant la mise à jour de la page. |
| OnComplete | Obtient ou définit la fonction JavaScript à appeler lorsque les données de réponse ont été instanciées, mais avant la mise à jour de la page. |
| OnFailure | Obtient ou définit la fonction JavaScript à appeler si la mise à jour de la page échoue. |
| OnSuccess | Obtient ou définit la fonction JavaScript à appeler après la mise à jour de la page. |
| UpdateTargetId | Obtient ou définit l'ID de l'élément DOM à mettre à jour à l'aide de la réponse du serveur. |
| URL | Obtient ou définit l'URL pour effectuer la demande. |
Remarques
Le package Jquery.Unobtrusive-Ajax est requis dans le projet. Les fichiers javascript correspondants doivent être inclus dans un bundle ( jquery.unobtrusive-ajax.js ou jquery.unobtrusive-ajax.min.js ). Enfin, il doit également être activé dans le fichier web.config :
<appSettings>
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>
Les actions appelées ( SomeAction dans les exemples) doivent renvoyer un Json ou un PartialView .
Ajax Action Link
@* 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 Forms
@* 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 -->
}