Question

您好我在尝试使用我配置提交的按钮发送表单的已检查数据时遇到问题。检查的数据是使用'GET'请求进入的，并且使用烧瓶非常有效。但是，一旦我制作了一个清单，我想点击提交并使用POST或GET发送数据（取决于哪一个更好），但我必须使用flask来使用JSON格式检索表单数据（因为我熟悉这个因为我使用这种格式来检索数据以进入清单表格。这是我试过的

烧瓶中：

@app.route('/echo/', methods=['GET', 'POST'])
def echo():
    error = None
    #ret_data = {"value": request.args.get('echoValue')}
    #data = jsonify(ret_data)
    #dic = {"test" : "Data successfully recieved!", "test1":"sss"}
    if request.method == 'GET':
        dic = dictionary()
        time.sleep(10)
        return jsonify(dic)
    else:
        error = 'Fail in "GET"'
        return render_template('index.html', error=error)

    if request.method == 'POST':
        data = request.args.get('Device1', '')
        return jsonify(data)

现在这里是我的POST的jquery，以及我如何检索表单数据并将其添加到空对象中。

$('#Submit').click(function() {
    var num_checked_devices = $('input:checked').length;
    var oElements = {};
    $('#form1 input:checked').each(function() {
      oElements[this.name] = this.value;
    });

    $.ajax({
      type: "POST",
      url: $SCRIPT_ROOT + "/echo/",
      data: oElements,
      contentType: "application/json; charset=utf-8",
      success: function(data) {
        $('#test').text(data['Device1']);
      }
    });

HTML如下所示，但请记住，表单是空的，因为数据是使用我没有发布的GET jquery代码进入的。

<form id='form1'>
</form>
<input type="submit" value="Add Devices" />
<button type='button' id='Submit' name='Submit Button'>Add Devices</button>
<button type='button' id='Refresh' name='Refresh Button'>Refresh</button>

<br /><br />
<div id="test">
</div>

获取已检查的输入并使用AJAX jQuery和POST请求以json格式发送它。使用烧瓶

0 个答案: