[英]How to pass a variable from Javascript to Flask
我正在做一个小项目,我想将变量“x”的值从 javascript 传递给 pyhthon 变量 get_x。 有人可以帮助我如何做到这一点。
索引.html:
<html> <body> <p id="msglog"></p> <input type="text" id="msg"> <button onclick="myFunction()">></button> </body> <script> function myFunction() { var x = document.getElementById("msg").value; document.getElementById("msglog").innerHTML = x; return x } </script> </html>
主要.py:
from flask import Flask, render_template
app = Flask(__name__,template_folder='',static_folder='')
@app.route("/")
def mainpage():
return render_template('/index.html')
app.run(host='0.0.0.0')
您必须向您的 flask 应用程序发送请求。 为此,您需要一个 AJAX 请求。 例如在这篇文章中显示: How to GET data in Flask from AJAX post
我还建议您像https://flask.palletsprojects.com/en/2.0.x/patterns/jquery/ 中的这个示例一样使用 jquerry
Python:
from flask import Flask, jsonify, render_template, request
app = Flask(__name__)
@app.route('/_add_numbers')
def add_numbers():
a = request.args.get('a', 0, type=int)
b = request.args.get('b', 0, type=int)
return jsonify(result=a + b)
@app.route('/')
def index():
return render_template('index.html')
Javascript/jQuery
<script>
$(function() {
$('a#calculate').bind('click', function() {
$.getJSON($SCRIPT_ROOT + '/_add_numbers', {
a: $('input[name="a"]').val(),
b: $('input[name="b"]').val()
}, function(data) {
$("#result").text(data.result);
});
return false;
});
});
</script>
<h1>jQuery Example</h1>
<p><input type=text size=5 name=a> +
<input type=text size=5 name=b> =
<span id=result>?</span>
<p><a href=# id=calculate>calculate server side</a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.