如何从AJAX帖子中获取Flask中的数据

Question

我想从变量'clicked'中检索数据,这样我就可以在Flask的SQL查询中使用它.

JQuery的

$(document).ready(function(){
  var clicked;
  $(".favorite").click(function(){
    clicked = $(this).attr("name");
    $.ajax({
      type : 'POST',
      url : "{{url_for('test')}}",
      data : clicked
    });
  });
});

瓶/ Python的

@app.route('/test/', methods=['GET','POST'])
def test():
    return render_template('test.html')

Answer 1

你可以在你的ajax请求中编写你的有效负载

$(document).ready(function(){
var clicked;
$(".favorite").click(function(){
clicked = $(this).attr("name");
$.ajax({
  type : 'POST',
  url : "{{url_for('test')}}",
  contentType: 'application/json;charset=UTF-8',
  data : {'data':clicked}
});
 });
});

在您的烧瓶端点中,您可以按如下方式提取值:

@app.route('/test/', methods=['GET','POST'])
def test():
     clicked=None
     if request.method == "POST":
          clicked=request.json['data']
     return render_template('test.html')

Answer 2

我使用最佳答案，但发现错误的请求错误。我解决此错误如下：

1-从ajax请求中删除此行：

contentType: 'application/json;charset=UTF-8',

2-通过request.form而不是request.json访问数据。

Javascript部分将与此类似：

$(document).ready(function(){
var clicked;
$(".favorite").click(function(){
clicked = $(this).attr("name");
$.ajax({
  type : 'POST',
  url : "{{url_for('test')}}",
  data : {'data':clicked}
});
 });
});

烧瓶部分：

@app.route('/test/', methods=['GET','POST'])
def test():
      clicked=None
      if request.method == "POST":
          clicked=request.form['data']
     return render_template('test.html')