将HTML数据传入Flask

Question

我有一个Web应用程序，我希望将文本框的值传递给烧瓶应用程序。但是，当我在烧瓶中打印请求对象时，我没有收到数据。可以帮忙我out.Here是代码：

瓶服务器：

@app.route('/send_data', methods=['GET', 'POST']) 

def send_data(): 
    print request 
    if request.method == "POST": 
     #Operations with the data received 
    else: 
    return jsonify(txt="Nothing received"); 

HTML代码：

<div id="div_submit"> 
<form name="form_submit"> 
    <textarea cols="100" rows="1" id="txt_query"> 

    </textarea> 
    <br> 
    <br/> 
    <input type="submit" value="Submit" onclick="send_query()"> 
</form> 
</div> 

的Javascript：

function send_query() 
    { 
     var qry=document.getElementById("txt_query").value; 
     //alert(qry); 
     var contentType = "application/x-www-form-urlencoded"; 
     var ajax=$.ajax({ 
      type: "POST", 
      url: "http://0.0.0.0:8080/send_data", 
      data: JSON.stringify(qry), 
      dataType: "json" 

     }).done(function(data){ 
       alert("success"); 
      }); 
      ajax.fail(function(data){ 
       alert("fail"); 
      }); 


    } 

Answer 1

您张贴JSON数据;内容类型设置为application/json并使用request.get_json() method加载数据：

var ajax=$.ajax({ 
    type: "POST", 
    url: "http://127.0.0.1:8080/send_data", 
    data: JSON.stringify({query: qry}), 
    dataType: "json", 
    contentType: "application/json; charset=UTF-8" 
}) 

其中的URL必须是有意义的; 0.0.0.0对于服务器来说是可以的（它意味着'绑定到所有接口'），但是你可能在本地主机上运行这个，所以首先使用它。

您认为使用：

data = request.get_json() 
query = data['query'] 

Answer 2

您需要在瓶中的应用程序使用的请求接收数据：

http://flask.pocoo.org/docs/quickstart/#the-request-object