flask 前端(html)与后端(python)相互传数据
时间: 2023-03-26 19:03:42 浏览: 256
可以使用 Flask 提供的模板引擎来实现前后端数据传递。在后端 Python 中,可以使用 render_template 函数渲染 HTML 模板,并将需要传递的数据作为参数传入。在前端 HTML 中,可以使用模板语言(如 Jinja2)来获取后端传递的数据并进行展示。另外,也可以使用 AJAX 技术来实现前后端异步数据传递。
相关问题
flask 前端(html)与后端(python)相互传数据 代码
可以使用 Flask 提供的 render_template 函数将后端数据传递给前端,同时也可以使用 request 对象将前端数据传递给后端。以下是一个简单的示例代码:
后端代码:
```python
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/submit', methods=['POST'])
def submit():
data = request.form['data']
# 处理数据
return 'success'
```
前端代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Flask 前后端数据传递示例</title>
</head>
<body>
<form action="/submit" method="post">
<input type="text" name="data">
<button type="submit">提交</button>
</form>
</body>
</html>
```
在这个示例中,当用户访问根路径时,后端会渲染 index.html 模板并返回给前端。当用户在表单中输入数据并提交时,后端会通过 request 对象获取前端提交的数据,并进行处理。
flask 前端(html)与后端(python)相互传数据 样例代码
可以使用 Flask 提供的 render_template 函数将后端数据传递给前端 HTML 页面,示例代码如下:
在 Python 后端代码中:
```python
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
data = {'name': '张三', 'age': 20}
return render_template('index.html', data=data)
if __name__ == '__main__':
app.run()
```
在 HTML 前端代码中:
```html
<!DOCTYPE html>
<html>
<head>
<title>Flask 传递数据示例</title>
</head>
<body>
<h1>{{ data.name }}</h1>
<p>年龄:{{ data.age }}</p>
</body>
</html>
```
在这个示例中,我们定义了一个名为 data 的字典,包含了一个名为 name 的字符串和一个名为 age 的整数。在后端代码中,我们使用 render_template 函数将这个字典传递给了前端 HTML 页面。在前端 HTML 页面中,我们使用 {{ data.name }} 和 {{ data.age }} 的语法来获取后端传递过来的数据,并将其显示在页面上。
阅读全文