Question

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

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

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

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

My 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小时的大部分时间里一直在努力，根本没有任何进展。任何帮助表示赞赏。

Answer 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)

WTForms-JSON没有接收表单数据

1 个答案: