要将提交按钮连接到一个.py文件,你可以通过以下步骤实现:
<button>
元素来创建按钮,并设置相应的属性和事件监听器。<button id="submitBtn">提交</button>
document.getElementById("submitBtn").addEventListener("click", function() {
// 获取表单数据
var formData = new FormData();
formData.append("username", document.getElementById("username").value);
formData.append("password", document.getElementById("password").value);
// 发送POST请求
var xhr = new XMLHttpRequest();
xhr.open("POST", "/path/to/your/py/file.py", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功处理逻辑
console.log(xhr.responseText);
}
};
xhr.send(formData);
});
from flask import Flask, request
app = Flask(__name__)
@app.route("/path/to/your/py/file.py", methods=["POST"])
def handle_request():
username = request.form.get("username")
password = request.form.get("password")
# 处理表单数据
# ...
return "Success"
if __name__ == "__main__":
app.run()
这样,当用户点击提交按钮时,前端页面会将表单数据发送到后端的.py文件进行处理。你可以根据实际需求在后端进行数据处理、存储、验证等操作,并返回相应的结果给前端页面。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云