1

嗨所以我在尝试使用我为提交配置的按钮发送表单的检查数据时遇到问题。检查的数据是使用“GET”请求输入的，并且使用烧瓶效果非常好。但是，一旦我制作了一个清单，我想点击提交并使用 POST 或 GET 发送数据（取决于哪个更好），但我必须使用烧瓶来使用 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>
4

0 回答 0