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("
Success!
")
    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);
  });