Question

我正在使用Flask创建一个网站，我希望能够使用页面中的数据执行python代码。我知道我可以简单地使用表单，但它是一个单页，当它接收到用户输入时会不断更新，并且每当发生某些事情时重新加载页面就会非常痛苦。我知道我可以在javascript中执行{{ function() }}但是如何使用js变量在javascript中执行{{ function(args) }}？到目前为止，我唯一能想到的是使用js更新像MongoDB这样的外部数据库，然后使用Python来读取它，但这个过程会使网站变慢很多。

jQuery需要从Python函数中获取一个字典对象列表，然后可以在html中使用它。所以我需要能够做到这样的事情：

JS：

var dictlist = { getDictList(args) };
dictlist.each(function() {
    $("<.Class>").text($(this)['Value']).appendTo("#element");
});

的Python：

def getDictList(args):
    return dictlistMadeFromArgs

Answer 1

要使用Flask从Javascript获取数据到Python，您可以对数据发出AJAX POST请求或AJAX GET请求。

Flask has six HTTP methods available，我们只需要GET和POST。两者都将jsdata作为参数，但以不同的方式获取它。这就是两个完全不同的语言在两个不同的环境中如Python和Javascript交换数据的方式。

首先，在Flask中实例化一个GET路由：

@app.route('/getmethod/<jsdata>')
def get_javascript_data(jsdata):
    return jsdata

或POST一个：

@app.route('/postmethod', methods = ['POST'])
def get_post_javascript_data():
    jsdata = request.form['javascript_data']
    return jsdata

/getmethod/<javascript_data>使用AJAX GET访问第一个，如下所示：

$.get( "/getmethod/<javascript_data>" );

第二个使用AJAX POST请求：

$.post( "/postmethod", {
    javascript_data: data 
});

javascript_data是JSON字典或简单值。

如果您选择JSON，请确保将其转换为Python中的dict：

json.loads(jsdata)[0]

例如

GET：

@app.route('/getmethod/<jsdata>')
def get_javascript_data(jsdata):
    return json.loads(jsdata)[0]

POST：

@app.route('/postmethod', methods = ['POST'])
def get_post_javascript_data():
    jsdata = request.form['javascript_data']
    return json.loads(jsdata)[0]

如果你需要反过来，将Python数据推送到Javascript，创建一个简单的GET路由，不带参数，返回JSON编码的字典：

@app.route('/getpythondata')
def get_python_data():
    return json.dumps(pythondata)

从JQuery中检索并解码它：

$.get("/getpythondata", function(data) {
    console.log($.parseJSON(data))
})

[0]中的json.loads(jsdata)[0]就在那里，因为当您在Python中解码JSON编码的dict时，您会得到一个包含单个dict的列表，存储在索引0处，因此您的JSON解码数据看起来像这样：

[{'foo':'bar','baz':'jazz'}] #[0: {'foo':'bar','baz':'jazz'}]

因为我们需要的只是内部的dict而不是列表，我们得到的项目存储在索引0这是dict。

此外，import json。

如何使用Flask将数据从JS发送到Python？

1 个答案: