flask向前端返回一个json,前端怎么用js获取它
时间: 2024-03-07 19:47:42 浏览: 26
在 Flask 中,可以使用 `jsonify` 函数将一个 Python 字典转换成 JSON 格式的数据并返回给客户端。在前端中,可以使用 JavaScript 中的 `XMLHttpRequest`(简称Ajax)对象来发送一个异步请求获取这个 JSON 数据,并对其进行处理。
以下是一个简单的示例,展示如何使用 Ajax 获取 Flask 返回的 JSON 数据:
```python
// JavaScript 代码
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data'); // 向 /api/data 发送 GET 请求
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText); // 将 JSON 数据转换成 JavaScript 对象
// 对 data 进行处理
console.log(data);
} else {
console.log('请求失败:' + xhr.status);
}
};
xhr.send();
```
在这个示例中,我们向 `/api/data` 发送了一个 GET 请求,`onload` 回调函数会在请求完成后被调用。如果请求成功,我们就可以通过 `JSON.parse` 函数将返回的 JSON 数据转换成 JavaScript 对象,然后对其进行处理。如果请求失败,我们就可以通过 `xhr.status` 获取失败的原因。
需要注意的是,由于涉及到跨域请求,需要在 Flask 中使用 `flask_cors` 等跨域扩展来解决跨域问题。