文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用FlaskForm ajax获取JQuery数据

问如何使用FlaskForm ajax获取JQuery数据
EN

Stack Overflow用户

提问于 2017-06-09 01:06:47

回答 1查看 240关注 0票数 0

我试图使用来自烧瓶表单的字段数据发送jquery请求。我现在可以找到这样的工作..。将表单数据作为ajax请求发送到后台运行的python代码。

html

<form id=test_form name="form_name">
  <input type="text" name="form_text">
  <input type="submit" value="Submit">
</form>

javascript

$(function() {
  $('form#test_form').bind('submit', function() {
    $.getJSON('/_ard_connect', {
      var1: $('input[name="form_text"]').val()
    }, function(data) {
      $("#some_result").text(data.result);
    });
    return false;
  });
});

python

@app.route('/_test_link')
def test_link():
    var1 = request.args.get('var1')
    answer = doSomething(var1)
    return jsonify( result=answer )

如果我像这样定义一个FlaskForm：

class MyForm(FlaskForm):
    test_form = StringField(label='tt')

myform = MyForm()

是否可以将类似var1: $('{{ myform.test_form.data }} ').val()的内容传递给我的getJSON函数。

alternative(?)

我也厌倦了抽象ajax javascript并将表单数据作为参数传递

<form id=test_form action="javascript: somefunc('{{ ardu.port.data }}')">

但它只会得到默认值..。

jquery

html

ajax

forms

flask

回答 1

Stack Overflow用户

发布于 2017-06-09 06:20:01

案例1:

您不能在javascript文件中这样做。相反，您可以在视图呈现模板文件( html )中这样做。

file.html

var1: $('{{ myform.test_form.data }} ').val()

案例2:

我认为您正在根据一些javascript函数更新操作url，但这也是错误的。此somefunc无法在onload中自行执行。相反，尝试window.onload方法并执行somefunc更新test_form url

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44447769

复制

相似问题

问如何使用FlaskForm ajax获取JQuery数据
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用FlaskForm ajax获取JQuery数据EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用FlaskForm ajax获取JQuery数据
EN