首页前端的html的数据怎么传给python接口调用的？请举例代码说明

前端的html的数据怎么传给python接口调用的？请举例代码说明

时间: 2024-05-14 17:16:56 浏览: 88

感谢您对ChitChat的提问，我理解您想了解前端html数据如何通过python接口进行调用的方式。具体可以参考以下代码示例： HTML代码: ``` <!DOCTYPE html> <html> <head> <title>HTML数据传给Python接口调用</title> </head> <body> <h2>输入要查询的数字:</h2> <form> <input type="text" id="num_input" name="number"> <button type="submit" onclick="submitForm()">提交</button> </form> <script> function submitForm() { var input = document.getElementById("num_input").value; //获取输入框的值 var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象 xhr.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { alert(this.responseText); //显示返回结果 } }; xhr.open("GET", "http://localhost:5000/num?input=" + input, true); //调用Python接口 xhr.send(); } </script> </body> </html> ``` Python代码: ``` from flask import Flask, request, jsonify app = Flask(__name__) @app.route('/num', methods=['GET']) def get_num(): num = request.args.get('input') #获取GET请求参数 result = int(num) * 2 #计算结果 return jsonify({'result': result}) #返回JSON格式的结果 if __name__ == '__main__': app.run(debug=True) ``` 上述代码中，通过前端HTML的输入框获取用户输入的值，在JavaScript中使用XMLHttpRequest对象调用Python接口，在Python接口中获取前端传递的值并做相应的处理，最后以JSON格式返回结果。希望能够帮助您理解前端和Python之间数据传递的过程。如果您有其他问题，欢迎随时提出。

阅读全文