将表单数据从React handle submit函数发布到Python API可以通过以下步骤实现:
handleSubmit(event) {
event.preventDefault(); // 阻止表单默认提交行为
const formData = new FormData(event.target); // 获取表单数据
const url = 'http://your-python-api-url'; // 替换为你的Python API的URL
fetch(url, {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
// 处理API返回的数据
console.log(data);
})
.catch(error => {
// 处理错误
console.error(error);
});
}
from flask import Flask, request
app = Flask(__name__)
@app.route('/your-python-api-url', methods=['POST'])
def handle_form_data():
form_data = request.form # 获取表单数据
# 处理表单数据的逻辑
return {'message': 'Form data received'} # 返回处理结果
if __name__ == '__main__':
app.run()
以上代码示例中,需要将http://your-python-api-url
替换为你的Python API的URL,以及在Python API中处理表单数据的逻辑。
推荐的腾讯云相关产品和产品介绍链接地址:
请注意,以上推荐的腾讯云产品仅供参考,具体选择和配置需根据实际需求和情况进行。
领取专属 10元无门槛券
手把手带您无忧上云