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