Flask：通过ajax返回按钮的ID答案

【问题标题】：Flask: Return button's id via ajaxFlask：通过ajax返回按钮的ID
【发布时间】：2016-07-05 21:02:39
【问题描述】：

我的目标是将按钮的 ID 返回给 python 脚本，并使用它来控制脚本正在执行的操作。在尝试了整个晚上并且基本上通过尝试和错误来完成它之后，我对它有点沮丧，因为我必须监督一些简单的事情。

我尝试尽可能减少内容，但按钮将始终返回None inrequest.form.get("button")，这会导致错误 400。由于我对 jQuery 不坚定，我在那里尝试了很多，但没有交付None 以外的其他东西。

谁能帮帮我？

from flask import Flask, render_template_string, request
app = Flask(__name__)

@app.route('/')
def index():
    return render_template_string('''
        <html>
            <head>
                <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
                <script type="text/javascript">
                    $(document).ready(function() {
                        $('input').on('click', function() {
                            $.ajax({
                                url: "{{ url_for('data_post') }}",
                                method: "POST",
                                data: JSON.stringify($(this).attr("id")),
                                contentType: 'application/json;charset=UTF-8',
                                success: function(data) {
                                    console.log(data);
                                }
                            });
                        });
                    });
                </script>
            </head>
            <body>
                <input type="submit" id="testvalue" name="button" value="button">
            </body>
        </html>
        ''')


@app.route('/data', methods=['GET', 'POST'])
def data_post():
    text = request.form.get("button")
    return text

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

【问题讨论】：

您只是发送 ID。您不会在表单数据中为其命名。

标签： python ajax button flask request

【解决方案1】：

将data_post 函数更改为：

@app.route('/data', methods=['GET', 'POST'])
def data_post():
    text = request.data
    return text

一切都会好起来的。

【讨论】：