flask html 局部刷新 如何实现 一次请求 多次响应
时间: 2023-05-23 14:02:55 浏览: 440
你可以使用 AJAX 技术来实现 flask html 局部刷新,如下所示:
1. 在 HTML 页面中,定义一个用于刷新页面的 JavaScript 函数,比如:
```javascript
function refreshContent() {
$.ajax({
url: '/refresh',
type: 'GET',
success: function(response) {
// 更新页面中需要刷新的部分
$('#content').html(response);
}
});
}
```
2. 在 Flask 的路由中,定义一个用于刷新页面内容的视图函数,比如:
```python
@app.route('/refresh')
def refresh():
# 获取需要刷新的数据
data = get_data()
# 返回需要刷新的部分
return render_template('content.html', data=data)
```
3. 在 HTML 页面中,定义一个带有定时器的 JavaScript 函数,用于每隔一定时间调用刷新函数,比如:
```javascript
function autoRefresh() {
setInterval(refreshContent, 1000); // 1 秒钟刷新一次
}
$(document).ready(autoRefresh);
```
通过以上步骤,就可以实现 Flask HTML 页面的局部刷新,每次刷新只需要一次请求,多次响应。