asp.net-mvc
Extensiones Ajax MVC
Buscar..
Introducción
Esto documenta el uso de la biblioteca System.Web.Mvc.Ajax .
Citando documentos de MSDN "Cada método de extensión representa un elemento HTML. El método ActionLink representa un elemento anchor (a) que se vincula a un método de acción. El método RouteLink representa un elemento anchor (a) que se vincula a una URL, que puede resolverse a una método de acción, un archivo, una carpeta o algún otro recurso. Esta clase también contiene los métodos BeginForm y BeginRouteForm que le ayudan a crear formularios HTML que son compatibles con las funciones AJAX.
Parámetros
| Opciones de AJAX | Descripción |
|---|---|
| Confirmar | Obtiene o establece el mensaje que se mostrará en una ventana de confirmación antes de que se envíe una solicitud. |
| HttpMethod | Obtiene o establece el método de solicitud HTTP ("Obtener" o "Publicar"). |
| Modo de inserción | Obtiene o establece el modo que especifica cómo insertar la respuesta en el elemento DOM de destino. |
| LoadingElementDuration | Obtiene o establece un valor, en milisegundos, que controla la duración de la animación al mostrar u ocultar el elemento de carga. |
| LoadingElementId | Obtiene o establece el atributo id de un elemento HTML que se muestra mientras se carga la función Ajax. |
| OnBegin | Obtiene o establece el nombre de la función JavaScript para llamar inmediatamente antes de que se actualice la página. |
| OnComplete | Obtiene o establece la función de JavaScript para llamar cuando se han creado instancias de datos de respuesta pero antes de que se actualice la página. |
| En el fracaso | Obtiene o establece la función de JavaScript para llamar si falla la actualización de la página. |
| OnSuccess | Obtiene o establece la función de JavaScript para llamar después de que la página se actualice correctamente. |
| UpdateTargetId | Obtiene o establece el ID del elemento DOM para actualizar utilizando la respuesta del servidor. |
| Url | Obtiene o establece la URL para realizar la solicitud. |
Observaciones
El paquete Jquery.Unobtrusive-Ajax es obligatorio en el proyecto. Los archivos javascript correspondientes deben incluirse en un paquete ( jquery.unobtrusive-ajax.js o jquery.unobtrusive-ajax.min.js ). Finalmente, debe activarse también en el archivo web.config :
<appSettings>
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>
Las acciones invocadas ( SomeAction en los ejemplos) deben devolver un Json o 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" })
Formas de Ajax
@* 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 -->
}
