如何在flask app选择框中的onchange事件上运行ajax请求

<select id="mySelect" onchange="runAjax()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<div id="resultContainer"></div>

<script>
function runAjax() {
  var selectedOption = document.getElementById("mySelect").value;
  
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  
  // 定义请求的URL
  var url = "/ajax-request";
  
  // 定义请求的方法和URL
  xhr.open("POST", url, true);
  
  // 设置请求头
  xhr.setRequestHeader("Content-Type", "application/json");
  
  // 定义请求完成后的回调函数
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      
      // 更新结果容器的内容
      document.getElementById("resultContainer").innerHTML = response.result;
    }
  };
  
  // 发送Ajax请求
  xhr.send(JSON.stringify({option: selectedOption}));
}
</script>

from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route("/ajax-request", methods=["POST"])
def ajax_request():
    selected_option = request.json["option"]
    
    # 在这里执行你的逻辑处理，根据选择的选项生成结果
    
    result = "根据选择的选项生成的结果"
    
    return jsonify({"result": result})

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