input 用Ajax传值

要使用 Ajax 来传递 input 值，可以使用以下步骤：

1. 创建一个 input 元素和一个按钮元素，用于获取用户输入和触发 Ajax 请求。

<input type="text" id="input-value">
<button id="submit-btn">Submit</button>

2. 使用 jQuery 的 `$.ajax()` 方法来发送 Ajax 请求。在请求中，将 input 值作为数据（data）传递给服务器。

$(document).ready(function() {
  $("#submit-btn").click(function() {
    var inputValue = $("#input-value").val();
    $.ajax({
      type: "POST",
      url: "your-api-url",
      data: { input: inputValue },
      success: function(response) {
        console.log(response);
      }
    });
  });
});

3. 在服务器端接收请求，解析传递的数据，并返回相应的响应。

from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route('/your-api-url', methods=['POST'])
def process_input():
    input_value = request.form.get('input')
    # do something with the input value
    output = "Processed input: " + input_value
    return jsonify(output)

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

这样，当用户在 input 元素中输入值并点击按钮时，就会通过 Ajax 发送 POST 请求到服务器端，并将 input 值作为数据传递给服务器。服务器接收到请求后，解析数据并返回相应的响应。在客户端的 Ajax 请求成功回调函数中，可以处理服务器返回的响应数据。