htmx - เครื่องมือทรงพลังสำหรับ HTML
(htmx.org)-
ไลบรารีที่ทำให้สามารถใช้ AJAX, WebSockets ฯลฯ ได้โดยตรงภายใน HTML
-
ขนาด 7kb, ไม่มี dependency, รองรับ IE11 และขยายความสามารถได้
-
ผู้สืบทอดของ intercooler.js
-
กำหนดพฤติกรรมได้โดยเพิ่มแอตทริบิวต์ให้กับทุก element
→ hx-trigger : ทริกเกอร์ด้วย click, change, submit, mouseenter และสามารถตั้งให้ทำงานเพียงครั้งเดียวด้วย once ได้ พร้อมตั้งดีเลย์ด้วย delay:100ms
→ hx-post, hx-get ฯลฯ : เรียก HTTP Request แบบ POST/GET/PUT/PATCH/DELETE
→ hx-target : ระบุ element ที่จะส่งผลลัพธ์ของคำขอไปยัง
→ hx-swap : ระบุวิธีสลับ/แทนที่ผลลัพธ์ของคำขอ เช่น innerHTML, outerHTML, afterbegin, beforebegin, beforeend, afterend
→ hx-ws : เชื่อมต่อ WebSocket
→ hx-sse : รับ Server-Sent Events
→ hx-push-url : บันทึกลงในประวัติเบราว์เซอร์
-
สามารถล็อกทุก event ได้ด้วย htmx.logger
-
ส่วนขยาย : json-enc, morphdom-swap, client-side-templates, path-deps, class-tools
1 ความคิดเห็น
ได้ตัดการพึ่งพา jQuery ของ intercooler.js เวอร์ชันก่อนหน้าออก และจัดระเบียบแท็กให้สะอาดตายิ่งขึ้นนะครับ