HTMX - 响应

HTMX 处理响应的主要方式是使用从服务器返回的内容更新目标元素。

• HTML:最常见的响应类型，直接插入到目标元素中。
• 纯文本:作为文本内容插入。
• JSON:可与 HX-Reswap 标头一起使用，以控制内容的插入方式。

响应标头

HTMX 可识别几个可控制其行为的特殊响应标头。

• HX-Trigger:触发客户端事件。
• HX-Refresh:如果为"true"，则触发整页刷新。
• HX-Redirect:触发客户端重定向。
• HX-Reswap:控制如何交换响应内容。

示例:这是服务器端代码。

from flask import make_response

@app.route('/submit', methods=['POST'])
def submit():
    response = make_response("
成功!
")
    response.headers['HX-Trigger'] = 'showMessage'
    return response

错误处理

HTMX 提供内置错误处理。默认情况下，它会将错误返回的任何内容交换到目标元素中。您还可以监听 htmx:responseError 事件来更具体地处理错误。

document.body.addEventListener('htmx:responseError', function(evt) {
    alert('There was an error: ' + evt.detail.error);
  });