如何使用ajax将异步数值从html传递到flask？

$(document).ready(function() {
   $("#submit-btn").click(function() {
      var value = $("#input-field").val(); // 获取输入框中的数值

      // 发送ajax请求到Flask服务器
      $.ajax({
         url: '/receive_data', // Flask后端的路由地址
         type: 'POST',
         data: { value: value }, // 要传递的数据
         success: function(response) {
            // 处理服务器返回的响应
            console.log(response);
         },
         error: function(error) {
            // 处理请求错误
            console.log(error);
         }
      });
   });
});

from flask import Flask, request

app = Flask(__name__)

@app.route('/receive_data', methods=['POST'])
def receive_data():
    value = request.form.get('value') # 获取通过ajax发送的数据
    # 进行相应的处理逻辑
    return 'Data received: ' + value  # 返回响应数据给前端

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