[英]How do I send data from JS to Python with Flask?
我正在用 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
要使用Flask从Javascript获取数据到Python，您可以使用数据发出AJAX POST请求或AJAX GET请求。
Flask 有六种可用的HTTP方法 ，其中我们只需要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 dict或简单值。
如果您选择JSON，请确保将其转换为Python中的dict：
json.loads(jsdata)[0]
例如。
得到：
@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编码的dict：
@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编码字典，你得到的单字典里面，存储在索引0的清单，让您的JSON解码后的数据看起来是这样的：
[{'foo':'bar','baz':'jazz'}] #[0: {'foo':'bar','baz':'jazz'}]
因为我们需要的只是内部的dict而不是列表，我们得到的项目存储在索引0这是dict。
另外， import json 。
.html
... id="clickMe" onclick="doFunction();">
.js
function doFunction()
{
const name = document.getElementById("name_").innerHTML
$.ajax({
url: '{{ url_for('view.path') }}',
type: 'POST',
data: {
name: name
},
success: function (response) {
},
error: function (response) {
}
});
};
.py
@app.route("path", methods=['GET', 'POST'])
def view():
name = request.form.get('name')
...
我是编码新手，但你可以试试这个：
索引.html
<script> var w = window.innerWidth; var h = window.innerHeight; document.getElementById("width").value = w; document.getElementById("height").value = h; </script>
<html> <head> <!---Your Head---> </head> <body> <form method = "POST" action = "/data"> <input type = "text" id = "InputType" name = "Text"> <input type = "hidden" id = "width" name = "Width"> <input type = "hidden" id = "height" name = "Height"> <input type = "button" onclick = "myFunction()"> </form> </body> </html>
from flask import Flask, request app = Flask(__name__) html = open("index.html").read() @app.route("/") def hello(): return html @app.route("/data", methods=["POST", "GET"]) def data(): if request.method == "GET": return "The URL /data is accessed directly. Try going to '/form' to submit form" if request.method == "POST": text = request.form["Text"] w = request.form["Width"] h = request.form["Height"] //process your code return //value of your code
如何将数据从 javascript 发送到 python Flask 后端？
[英]How do I send data from javascript to python flask back-end?
你如何将数据从JS发布到Flask，操纵数据然后将其发送回JS？
[英]How do you post data from JS to Flask, manipulate the data then send it back to JS?
如何使用 JavaScript 从 HTML 向 Python (Flask) 发送消息？
[英]How do I send message from HTML to Python (Flask) using JavaScript?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.