单击按钮后，无法将数据从 Ajax html 表单获取到烧瓶模板 python答案

【问题标题】：Unable to get the data from Ajax html form to flask template python once button was clicked单击按钮后，无法将数据从 Ajax html 表单获取到烧瓶模板 python
【发布时间】：2022-01-03 10:37:49
【问题描述】：

我是 Flask 的新手，HTML。请帮助我。我无法从 HTML 表单（index1.html）中获取参数值我的 HTML 代码是

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@@</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script>
    <script type=text/javascript> $(function() { $("#mybutton").click(function (event) { $.getJSON('/add_text', { },
    function(data) { }); return false; }); }); </script> 
</head>
<body>
    <form  action="/add_text" method="POST">
         <h1 style="color:green;">CALCUATOR</h1><br><br>
         <label for="textv">First_No:</label><br>
         <input type="number" name="textv" id="textv" value=""><br>
         <label for="text">Second_No:</label><br>
         <p></p><input type="number" name="text" id="text" ><br><br></p>
         Result:<span id="result"></span><br><br><br><br><br><br>
         <input type = "submit" class="btn btn-primary btn-lg" id = "mybutton" value = "Addition" />
    </form> 
</body>
</html>

我的 Flask tempalte.py 文件是

from flask import Flask, jsonify, render_template, request,redirect, url_for
app = Flask(__name__)


@app.route('/')
def index():
    return render_template('index1.html')

@app.route('/add_text',methods=["POST", "GET"])
#print("hi")
def Addtext():
    print("hi")
    print(request.method == "POST")
    if request.method == "POST":
        print("hello")   
        text_value = request.form.get('textv')
        text_value1 = request.form.get("text")
        #add=request.form["addition"]
        print("hi")
        print(text_value)
        print("hello")
        #text_value=int(text_value)
        #text_value1=int(text_value1)
        #print(text_value+text_value1)
        print('In SomeFunction hello $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$4')
    return 'NOTHONG'



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

请帮我解决从 html 表单获取数据的问题

【问题讨论】：

这能回答你的问题吗？ Get the data received in a Flask request

标签： python html ajax api flask

【解决方案1】：

看起来您目前在按钮单击时只有一个事件触发，这是一个 GET 请求。现在我假设您想要执行以下操作：

输入数字
点击按钮将号码发送到后端 (POST)
点击按钮并计算完成后得到结果（GET）

您可以在同一次点击时为 POST 和 GET 行为实现事件。例如，请参阅this question 的答案。还有很多。

【讨论】：