如何从AJAX帖子

时间:2016-06-04 14:31:15

标签: jquery python ajax flask

我想从变量中检索数据'点击'所以我可以在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')

3 个答案:

答案 0 :(得分:7)

您可以在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')

答案 1 :(得分:0)

在您的烧瓶应用程序终点,您可以定义检索GET / POST数据的方法,如下所示:

from flask_restful import reqparse

def parse_arg_from_requests(arg, **kwargs):
    parse = reqparse.RequestParser()
    parse.add_argument(arg, **kwargs)
    args = parse.parse_args()
    return args[arg]

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

答案 2 :(得分:0)

我使用了最佳答案,但发现错误的请求错误。我解决了以下错误:

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