WTForms-JSON 不接收表单数据答案

【问题标题】：WTForms-JSON not receiving form dataWTForms-JSON 不接收表单数据
【发布时间】：2017-10-23 15:41:17
【问题描述】：

这是一个来自地狱的错误，我无法绕过。

我有一个简单的 API 处理程序，可以在 Postman JSON POST 中完美运行。

但是，当我将数据插入 Web 表单时，JSON 全部为空。例如：

162.249.161.234 - - [23/May/2017 10:52:55] "POST /submitworkorder HTTP/1.1" 200 -
{'customer': None}

我的Flask如下：

    @app.route('/')
    def index():
        form = SubmitWorkorderForm.from_json(request.json)
        print form.data
        return render_template('submitworkorder.html', form = form)

    @app.route('/submitworkorder', methods=['POST'])
    def submitworkorder():
        form = SubmitWorkorderForm.from_json(request.json)
        print form.data
        if form.validate_on_submit():
            customer = form.customer.data
            return jsonify({'customer' : customer })

还有我的 HTML：

<div class="container">
<form class="form-inline">
     {{ form.customer }}
     {{ form.hidden_tag() }}

  <input type="submit" value="go"/>
</form>
<br>
<div id="successAlert" class="alert alert-success" role="alert" style="display:none;"></div>
<div id="errorAlert" class="alert alert-danger" role="alert" style="display:none;"></div>

最后是我的 JS：

$(document).ready(function() {
     console.log("form Data:", $('form').serialize())
     $.ajax({
            type: "POST",
            dataType: "json",
            url : "/submitworkorder",
            data : $('form').serialize(),
            success: function (data) {
                       if (data.error) {
        $('#errorAlert').text(data.error).show();
        $('#successAlert').hide();
    }
    else {
            $('#successAlert').text(data.customer + 'successfully created.').show();
    $('#errorAlert').hide();
    }
            }
        });

    });

我已经为此工作了 8 个小时，但毫无进展。任何帮助表示赞赏。

【问题讨论】：

标签： javascript json flask flask-wtforms

【解决方案1】：

这是由一些旧文档浮动造成的。 WTForms 现在内置了对处理序列化 JSON 的支持，你不需要不再需要 from_json 或 request.json。

如您所愿，只需导入并实例化您的表单。

固定代码如下：

@app.route('/')
    def index():
    form = SubmitWorkorderForm.from_json()
    print form.data
    return render_template('submitworkorder.html', form = form)

【讨论】：