jquery - How to GET data in Flask from AJAX post

Question

I want to retrieve the data from the variable 'clicked' so I can use it in SQL queries in Flask.

JQuery

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

Flask/Python

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

Answer 1

You can compose your payload in your ajax request as so:

$(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}
});
 });
});

In your flask endpoint, you can extract the value as follows:

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