flask Ajax 跳转页面
时间: 2023-06-23 20:44:22 浏览: 264
仿FLASH的页面跳转效果
在 Flask 中可以通过 Ajax 技术实现页面跳转,具体步骤如下:
1. 在前端页面中使用 Ajax 发送请求到 Flask 后端,代码如下:
```javascript
$.ajax({
type: "POST",
url: "{{ url_for('route_name') }}",
data: data,
success: function(response) {
window.location.href = response.redirect;
}
});
```
其中,`url_for('route_name')` 可以根据 Flask 路由配置生成对应的 URL,`data` 是发送的数据,`response.redirect` 是 Flask 后端返回的跳转 URL。
2. Flask 后端接收到请求后,处理数据并返回跳转 URL,代码如下:
```python
from flask import jsonify
@app.route('/route_url', methods=['POST'])
def route_name():
# 处理数据
# ...
# 返回跳转 URL
return jsonify({'redirect': url_for('next_route_name')})
```
其中,`jsonify` 是将返回值以 JSON 格式返回给前端。`url_for('next_route_name')` 可以根据 Flask 路由配置生成对应的 URL。
3. Flask 后端接收到跳转 URL 请求后,返回对应的页面,代码如下:
```python
@app.route('/next_route_url')
def next_route_name():
# 返回对应的页面
return render_template('next_page.html')
```
其中,`render_template` 是将指定的模板渲染成 HTML 页面返回给前端。
通过以上步骤,就可以在 Flask 中通过 Ajax 技术实现页面跳转了。
阅读全文