htmx — мощные инструменты для работы с HTML

OleStep OleStep 10 Мая 2022

htmx предоставляет вам доступ к AJAX , переходам CSS , веб- сокетам и событиям , отправленным сервером, непосредственно в HTML с использованием атрибутов , поэтому вы можете создавать современные пользовательские интерфейсы с простотой и мощью гипертекста.

htmx небольшой, расширяемый и совместимый с IE11.

Мотивация

  • Почему только <a> и <form> может делать HTTP-запросы?
  • Почему только click & submit события должны запускать их?
  • Почему должны быть доступны GET & POST методы
  • Почему вы должны иметь возможность заменить только весь экран?
  • Сняв эти произвольные ограничения, htmx дополняет HTML как гипертекст.

Быстрый старт

<script src="htmx.min.js" defer></script>
<!-- have a button POST a click via AJAX -->
<button hx-post="/clicked" hx-swap="outerHTML">
    Назми меня
</button>

Атрибуты hx-postи hx-swapна этой кнопке говорят htmx:

«Когда пользователь нажимает на эту кнопку, отправьте запрос AJAX на /clicked и замените всю кнопку ответом в формате HTML»

htmx является преемником intercooler.js

Мне показалось это интересным.

https://htmx.org/

1 Ответ

  1. Evg Evg 10 Мая 2022 (ред.)

    Да, это интересно! Как раз читать собрался, теперь есть что…