Cómo cargar un Spinner Ajax

El Ajax Spinner muestra un icono en movimiento que indica a sus lectores la sección Web Ajax La página se está cargando. Sin el control de giro, la página se ve en blanco y no hay indicación de que los datos se consulta desde el servidor aparece. El icono giratorio carga automáticamente cuando se utiliza la función "mostrar" "ajaxStart" y. Estas dos funciones se utilizan para cargar los controladores de Ajax y mostrar una ventana de diálogo.

Instrucciones

1 Haga clic en la página Web HTML que desea utilizar para cargar la ventana de diálogo Ajax y haga clic en "Abrir con". Haga clic en su editor HTML o el Ajax en la lista de programas.

2 Añadir la etiqueta "div" de la ventana de diálogo. jQuery utiliza etiquetas "div" para crear y mostrar ventanas de diálogo. El código siguiente muestra cómo crear la etiqueta "div":

<Div class = "DialogWindow"> contenido de la ventana de diálogo </ div>

3 Agregue el código jQuery para abrir el cuadro de diálogo y activar el icono "spinner" mientras se carga la ventana. El código siguiente muestra cómo cargar el icono y mostrar la ventana usando el div creado en el paso anterior:

$ ( '. DialogWindow'). Click (function () {
$ ( '. Consecuencia') carga (DialogWindow. ');
});