方法 - htmx.ajax()

发出 htmx 样式的 AJAX 请求。此方法返回一个 Promise，因此可以在内容插入 DOM 后执行回调。

参数

verb -‘GET’、‘POST’等。
path - 进行 AJAX 操作的 URL 路径
element - 目标元素（默认为body）

或者

verb -‘GET’、‘POST’等。
path - 进行 AJAX 操作的 URL 路径
selector - 目标选择器

或者

verb - ‘GET’、‘POST’等。
path - 进行 AJAX 操作的 URL 路径
context - 包含以下任意内容的上下文对象
source - 请求的源元素，影响请求的 hx-* 属性将根据该元素及其祖先进行解析
event - “触发”请求的事件
handler - 处理响应 HTML 的回调
target - 响应交换的目标
swap - 如何根据目标交换响应
values - 随请求提交的值
headers - 与请求一起提交的HTTP头
select - 允许你从响应中选择要交换的内容

例子

    // issue a GET to /example and put the response HTML into #myDiv
    htmx.ajax('GET', '/example', '#myDiv')

    // issue a GET to /example and replace #myDiv with the response
    htmx.ajax('GET', '/example', {target:'#myDiv', swap:'outerHTML'})

    // execute some code after the content has been inserted into the DOM
    htmx.ajax('GET', '/example', '#myDiv').then(() => {
      // this code will be executed after the 'htmx:afterOnLoad' event,
      // and before the 'htmx:xhr:loadend' event
      console.log('Content inserted successfully!');
    });