首页代码如何flask框架get方法加载web页面时弹出等待框

代码如何flask框架get方法加载web页面时弹出等待框

时间: 2023-08-06 19:19:27 浏览: 63

要在Flask框架中使用get方法加载web页面时弹出等待框，可以使用JavaScript来实现。具体步骤如下： 1. 在HTML页面中添加一个等待框的HTML代码，例如： ```html <div id="loading"> <img src="/static/images/loading.gif" alt="Loading..."> <p>Loading...</p> </div> ``` 2. 在JavaScript中设置一个等待框显示函数，例如： ```javascript function showLoading() { document.getElementById('loading').style.display = 'block'; } ``` 3. 在Flask路由函数中，使用`render_template`函数渲染HTML页面，并在页面加载时调用JavaScript函数显示等待框，例如： ```python from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html', show_loading=True) ``` 4. 在HTML页面的`<head>`标签中添加JavaScript代码，调用等待框显示函数，例如： ```html <head> <script> {% if show_loading %} showLoading(); {% endif %} </script> </head> ``` 这样，当页面加载时，就会自动弹出等待框，直到页面加载完成后自动隐藏。