如何替换JavaScript函数中的alert实现Flask路由跳转？

AI 小北

2026-7-7

实现JavaScript跳转Flask路由的方法

基础跳转（不带参数）

直接替换原dateClick函数中的alert语句，用window.location.href跳转到Flask的/addPage路由即可：

dateClick: function(info) {
    // 跳转到Flask的addPage路由
    window.location.href = '/addPage';
}

带参数跳转（传递日期和资源ID）

如果需要把点击的日期和资源ID传递给Flask页面，可按以下步骤修改：

修改Flask路由，接收URL参数：

from flask import request

@app.route('/addPage')
def addPage():
    # 获取URL中的参数
    selected_date = request.args.get('date')
    resource_id = request.args.get('resource_id')
    # 将参数传递给模板供页面使用
    return render_template('manual_entry.html', date=selected_date, resource_id=resource_id)

修改JavaScript函数，拼接带参数的URL：

dateClick: function(info) {
    // 对参数编码，避免特殊字符导致URL解析错误
    const encodedDate = encodeURIComponent(info.dateStr);
    const encodedResourceId = encodeURIComponent(info.resource.id);
    // 拼接目标URL
    const targetUrl = `/addPage?date=${encodedDate}&resource_id=${encodedResourceId}`;
    // 执行跳转
    window.location.href = targetUrl;
}