
Proteste in Städten in den gesamten USA im Anti-ICE-Streik abgehalten
Proteste in Städten in den gesamten USA im Anti-ICE-Streik abgehalten
Multi-Source-Nachrichten-Update



htmx Server Sent Event (SSE) Erweiterung Die Server Sent Events Erweiterung verbindet sich direkt aus dem HTML heraus mit einer EventSource. Sie verwaltet die Verbindungen zu Ihrem Webserver, lauscht auf Server-Events und tauscht deren Inhalte dann in Echtzeit in Ihre htmx-Webseite ein. SSE ist eine schlanke Alternative zu WebSockets, die über bestehende HTTP-Verbindungen funktioniert, sodass sie problemlos über Proxy-Server und Firewalls verwendet werden kann. Denken Sie daran, dass SSE ein unidirektionaler Dienst ist, sodass Sie keine Nachrichten an einen SSE-Server senden können, sobald die Verbindung hergestellt wurde. Wenn Sie eine bidirektionale Kommunikation benötigen, sollten Sie stattdessen WebSockets verwenden. Diese Erweiterung ersetzt das experimentelle hx-sse-Attribut, das in früheren Versionen von htmx enthalten war. Hilfe bei der Migration von älteren Versionen finden Sie im Migrationsleitfaden am Ende dieser Seite. Verwenden Sie die folgenden Attribute, um das Verhalten von SSE-Verbindungen zu konfigurieren: sse-connect"url" - Die URL des SSE-Servers. sse-swap"message-name" - Der Name der Nachricht, die in das DOM ausgetauscht werden soll. hx-trigger"sse:message-name" - SSE-Nachrichten können auch HTTP-Callbacks mithilfe des hx-trigger-Attributs auslösen. sse-closemessage-name - Um den EventStream ordnungsgemäß zu schließen, wenn diese Nachricht empfangen wird. Dies kann hilfreich sein, wenn Sie Informationen an einen Client senden möchten, der irgendwann stoppen wird. Installation Der schnellste Weg, sse zu installieren, ist das Laden über ein CDN. Denken Sie daran, immer die htmx-Kernbibliothek vor der Erweiterung einzubinden und die Erweiterung zu aktivieren. head script src"https:cdn.jsdelivr
AI-Assisted Journalism
This article was generated with AI assistance, synthesizing reporting from multiple credible news sources. Our editorial team reviews AI-generated content for accuracy.
Deep insights powered by AI
Continue exploring
Discussion
Join the conversation
Be the first to comment