使用Ajax將數據傳入燒瓶

我想通過post請求使用ajax將一些數據從html傳遞給python。但請求的論據是空的。使用Ajax將數據傳入燒瓶

一個簡單的端點，我試圖打印所有以請求的形式出現的參數。

@app.route("/enter", methods=["POST", "GET"]) 
def enter_data(): 
    if request.method == "GET": 
     return render_template('index.html') 
    else: 
     print("post") 
     print(request.args) 
     return render_template('index.html')

調試輸出

post 

ImmutableMultiDict([]) 
127.0.0.1 - - [22/Sep/2016 00:40:12] "POST /enter HTTP/1.1" 200 -

的AJAX功能是如下

$(function() { 
    $('.button').click(function() { 
     var user = $('#userinput').val(); 
     console.log(user); 
     $.ajax({ 
      url: '/enter', 
      data: JSON.stringify({'user': $('#userinput').val()}), 
      type: 'POST', 
      success: on_request_success, 
      error: on_request_error, 
      }) 
     }); 
    });

值獲取JS控制檯打印。但它在Python方面不存在。

HTML代碼

<body> 
     <h3>The Chef Bucket</h3> 
     Enter food you like to order. 
     <input type="text" name="user_data" id="userinput" /> 
     <input type="button" value="Submit" class="button"> 

     <div id="userinputdata"> 
      {% if not entered %} 
       <h4></h4> 
      {% else %} 
       <h4>{{ entered }}</h4> 
      {% endif %} 
     </div> 

    </body>

來源

2016-09-22 kiran6

on_request_success函數是在哪裏？ – madalinivascu

它不會打印任何內容，因爲'POST/enter'中沒有參數。如果你輸入'POST/enter？foo = bar'，它會打印什麼？ – alexpeits

。在你的HTML代碼沒有<form>標籤，所以你$('form').serialize()無所事事。

來源

2016-09-22 07:58:06 ShabashP

在渲染模板中，您需要指定要在模板中填充的元素。

取而代之，

@app.route("/enter", methods=["POST", "GET"]) 
def enter_data(): 
    if request.method == "GET": 
     return render_template('index.html') 
    else: 
     print("post") 
     print(request.args) 
     return render_template('index.html')

試試這個;

@app.route("/enter", methods=["POST", "GET"]) 
def enter_data(): 
    if request.method == "GET": 
     return render_template('index.html') 
    elif request.method == "POST": 
     entered = request.form['entered'] 
     return render_template('index.html', entered=entered) 
    else: 
     return render_template('index.html')

來源

2016-09-22 07:58:45 harryparkdotio

我知道我需要添加元素來填充模板。但我的問題是我沒有收到服務器端的任何元素。 – kiran6

在您的html代碼中沒有<form>標記。因此你的請求的data屬性是空的。要麼把你的<div>在<form>環境在HTML或手動設置Ajax請求您data屬性：

$(function() { 
    $('.button').click(function() { 
     var user = $('#userinput').val(); 
     console.log(user); 
     $.ajax({ 
      url: '/enter', 
      data: JSON.stringify({'user': $('#userinput').val()}), 
      type: 'POST', 
      success: on_request_success, 
      error: on_request_error, 
      }) 
     }); 
    });

注意，data屬性被送到這裏，因爲你必須反序列化服務器上的JSON對象側。如果你想保持簡單，只需將其定義爲一個口令。

來源

2016-09-22 08:05:04 desiato

使用Ajax將數據傳入燒瓶

回答

相關問題