Demostración de HTMX

<button 
    hx-get="/api/mensaje.json" 
    hx-trigger="click" 
    hx-target="#resultado-click" 
    hx-swap="innerHTML">
    Cargar mensaje
</button>

<input 
    type="text" 
    name="busqueda" 
    placeholder="Buscar..." 
    hx-get="/api/buscar.json" 
    hx-trigger="keyup changed delay:500ms" 
    hx-target="#resultado-busqueda" 
    hx-indicator=".indicador-carga">

<form hx-post="/api/contacto.json" hx-target="#resultado-formulario">
    <!-- Campos del formulario -->
    <button type="submit">Enviar</button>
</form>

<button 
    hx-get="/api/mas-items.json" 
    hx-trigger="click" 
    hx-target="#lista-items" 
    hx-swap="beforeend">
    Cargar más
</button>