How to GET data in Flask from AJAX post

by

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')

More Related Contents:

  1. how can I use data posted from ajax in flask?
  2. How to enable CORS in flask
  3. How do I POST with jQuery/Ajax in Django?
  4. Post JSON to Python CGI
  5. Python Flask Cors Issue
  6. Multiple input validation
  7. Why the Ajax script is not running on IIS 7.5 Win 2008 R2 server?
  8. jQuery callback for multiple ajax calls
  9. Stop all active ajax requests in jQuery
  10. Difference between $.ajax() and $.get() and $.load()
  11. Pass entire form as data in jQuery Ajax function
  12. Rotating a Div Element in jQuery
  13. Google Chart draw Trendlines with date on x axis
  14. jQuery AJAX Character Encoding
  15. JSONP request error handling
  16. Ajax using https on an http page
  17. How to render partial view in MVC5 via ajax call to a controller and return HTML
  18. Spring MVC 415 Unsupported Media Type
  19. jquery html() strips out script tags
  20. Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
  21. Post Nested Object to Spring MVC controller using JSON
  22. Change CSS class properties with jQuery
  23. How to export all rows from Datatables using Ajax?
  24. How to make JQuery-AJAX request synchronous
  25. Ajax jquery async return value
  26. Remember ajax added data when hitting back button
  27. Redirect on Ajax Jquery Call
  28. jQuery ajax upload with progress bar – no flash
  29. submitting multiple forms with AJAX
  30. What happens when no response is received for a request? I’m seeing retries

Leave a Comment