Spec-Zone.ru › htmx

hx-method

Задает HTTP-метод запроса

Атрибут hx-method задает HTTP-метод (глагол), который будет использоваться для запроса. Обычно он используется вместе с hx-action, чтобы отделить URL от метода.

Синтаксис

<button hx-action="/api/users" hx-method="post">
    Create User
</button>

Приоритет

hx-method имеет приоритет над formmethod на кнопках отправки формы и над стандартным атрибутом method у форм:

<!-- Always sends PUT regardless of native method or submitter -->
<form hx-action="/items/1" hx-method="put" method="post">
    <input name="name">
    <button>Save</button>
</form>

Сокращенный атрибут, например hx-post, задает URL и метод одновременно, поэтому он имеет приоритет над hx-method:

<!-- Sends POST. The hx-method value is ignored. -->
<button hx-post="/items" hx-method="put">Save</button>

Если hx-method не указан, htmx использует formmethod, затем стандартный method, а затем GET. Полная последовательность описана в разделе hx-action «Определение метода».

Примечания

  • Допустимые значения: get, post, put, patch, delete, query (без учета регистра)
  • Если метод не удается определить ни из одного источника, по умолчанию используется GET
  • Сокращенные атрибуты hx-get, hx-post и т. д. объединяют URL и метод в одном атрибуте

Пример

<!-- Explicit method -->
<button hx-action="/api/users/123" hx-method="delete">
    Delete User
</button>

<!-- Equivalent shorthand -->
<button hx-delete="/api/users/123">
    Delete User
</button>

<!-- Server-rendered dynamic method -->
<form hx-action="/resources/${id}" hx-method="${method}" hx-target="this">
    <input name="name">
    <button>${action_label}</button>
</form>

Licensed under the Zero-Clause BSD License.
https://four.htmx.org/reference/attributes/hx-method/

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API