flask传递json数组
时间: 2023-10-09 11:09:13 浏览: 115
在Flask中,可以使用`jsonify`函数将Python的字典或列表转换为JSON格式,并将其传递给前端。以下是一个将JSON数组传递到前端页面的示例:
```python
from flask import Flask, jsonify
app = Flask(__name__)
@app.route('/data')
def get_data():
data = [
{"name": "John", "age": 25},
{"name": "Jane", "age": 30},
{"name": "Bob", "age": 35}
]
return jsonify(data)
if __name__ == '__main__':
app.run(debug=True)
```
在上面的代码中,我们定义了一个名为`get_data`的路由函数,它返回一个包含三个字典的列表。我们使用`jsonify`函数将其转换为JSON格式,并将其返回到前端页面。
在前端页面中,您可以使用JavaScript的`fetch`函数来获取这个JSON数组并进行处理。以下是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>JSON Array Example</title>
</head>
<body>
<ul id="data"></ul>
<script>
fetch('/data')
.then(response => response.json())
.then(data => {
data.forEach(item => {
const li = document.createElement('li');
li.textContent = `${item.name} (${item.age})`;
document.getElementById('data').appendChild(li);
});
});
</script>
</body>
</html>
```
在上面的代码中,我们使用JavaScript的`fetch`函数来获取`/data`路由返回的JSON数据,并将其添加到一个无序列表中。您可以根据需要修改此代码,以便根据您的应用程序的要求对JSON数组进行处理。
阅读全文