Mezcle Ajax en HTML con Intercooler.js
Nunca ha sido tan fácil Agrega Ajax a cualquier sitio web.. De hecho, es bastante común construir sitios web completos. Basado en solicitudes de Ajax. llamado Aplicaciones de una sola página (o SPA).
Sin embargo, esto siempre ha requerido un poco de jQuery y algunas discusiones técnicas para actualizar el contenido de la página. Si solo necesitas algo Funcionalidad Ajax básica. puedes usar intercooler.js para mezclar esto directamente en su HTML.
Intercooler le permite escribir atributos HTML que contienen de forma nativa las URL de solicitud de Ajax. Cuando los usuarios hacen clic en ciertos enlaces, puedes dictar que Ajax solicita ejecutar en lugar de la acción de clic normal.
Todo esto se basa en atributos de datos * HTML5 como ic-post-to. Puede agregar este atributo a un botón o un enlace de anclaje, y Conectar automáticamente a jQuery para una solicitud Ajax POST.
Hay en realidad una pagina lleno de estos atributos en el sitio web del plugin. Aquí hay un poco de Código de muestra para ver cómo se ve:
Haz click en mi!
Esto sería enviar una solicitud Ajax POST a la URL / buton_click, y cargar la respuesta en el elemento contenedor. Intercooler es una biblioteca bastante simple e increíblemente poderosa una vez que entiendes cómo funciona.
Por supuesto, esto no resolverá todos sus problemas de Ajax porque no se pueden actualizar automáticamente otras áreas de la página. También no se pueden agregar demasiadas funciones personalizadas sin ralentizar la página, por lo que una detallada SPA realmente debería usar código Ajax personalizado.
Intercooler.js ofrece una Manera más semántica para escribir código Ajax. Para que cargue e incluso ofrezca una alternativa nativa..
A instalar intercooler solo necesitas un copia de jQuery junto con un copia de la biblioteca de intercooler que se puede encontrar en GitHub. Usted puede incluso prueba sin descargar cualquier archivo mediante un CDN de jQuery y el CDN local de Intercooler.
Poner ambos en una >
Echa un vistazo a la página de demos para ver un lista completa de demos puedes jugar con Me gusta especialmente la demostración 'Haga clic para editar' porque muestra exactamente lo que es posible y hasta dónde puede llevar este complemento..
Si te interesa aprendiendo más revisar la Guia de referencia Lleno de atributos HTML intercooler. Cada uno realiza una acción diferente así que es crucial estudiarlos todos y ver qué encaja mejor para tu escenario.
Naturalmente, puedes encontrar todo el código fuente gratis en GitHub junto con una breve guía de instalación.
