使用javascript on html按钮单击将json数据发送到托管的python flask api，并在HTML标签上打印来自API的响应

<button id="sendButton">发送数据</button>
<p id="response"></p>

document.getElementById("sendButton").addEventListener("click", function() {
  // 创建一个JSON对象
  var data = {
    key1: "value1",
    key2: "value2"
  };

  // 发送POST请求到API
  fetch("/api", {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify(data)
  })
  .then(function(response) {
    return response.json();
  })
  .then(function(jsonResponse) {
    // 在HTML标签上打印API的响应
    document.getElementById("response").textContent = jsonResponse.message;
  })
  .catch(function(error) {
    console.log(error);
  });
});

from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route("/api", methods=["POST"])
def api():
    data = request.get_json()
    # 处理接收到的JSON数据
    # ...

    # 返回JSON响应
    response = {
        "message": "API响应消息"
    }
    return jsonify(response)

if __name__ == "__main__":
    app.run()