以下是一个使用Ajax和Flask实现通知下拉框的示例代码:
HTML模板(index.html):
Ajax + Flask 通知下拉框示例
Flask应用(app.py):
from flask import Flask, jsonify, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/get_notifications')
def get_notifications():
# 假设从数据库或其他数据源获取通知数据
notifications = [
{'id': 1, 'title': '通知1'},
{'id': 2, 'title': '通知2'},
{'id': 3, 'title': '通知3'}
]
return jsonify({'notifications': notifications})
if __name__ == '__main__':
app.run()
在这个示例中,Flask应用定义了两个路由:一个用于渲染index.html模板,一个用于返回通知数据。在index.html中,使用Ajax发送GET请求到/get_notifications路由,获取通知数据,并将数据动态添加到下拉框中。在Flask应用的get_notifications路由中,假设从数据库或其他数据源获取通知数据,然后将数据以JSON格式返回给前端。