
关键点:
- 数据结构调整: 每个数据库记录都转换为 event_data.events 数组中的一个独立事件对象。
- 类型转换: 使用 Number() 函数将 Ano、mes 和 dia 转换为数字类型。
- 异步处理: init_calendar 函数需要在 $.getJSON 的回调函数中调用,确保在数据加载完成后再初始化日历。
2.2 确保 PHP 代码正确返回 JSON 数据
PHP 代码需要返回正确格式的 JSON 数据。以下是一个示例:
<?php
$Colaborador = $_SESSION['usuarioId'];
$query = $conn->prepare("SELECT PequenoAlm, Alm, Lan, jant, Ceia, Valencia, YEAR(Data) AS Ano, Colaborador, MONTH(Data) AS mes, DAY(Data) AS dia FROM raddb.MarcErpi WHERE raddb.MarcErpi.Colaborador = ?");
$query->execute([$Colaborador]);
$json = [];
while($row=$query->fetch(PDO::FETCH_ASSOC)){
extract($row);
$json[]= ['PequenoAlm' =>(string)$PequenoAlm, 'Alm' =>(string)$Alm, 'Lan' =>(string)$Lan, 'jant' =>(string)$jant, 'Ceia' =>(string)$Ceia, 'Valencia' =>(string)$Valencia,
'Ano' =>(string)$Ano, 'Colaborador' =>(string)$Colaborador, 'mes' =>(string)$mes, 'dia' =>(string)$dia];
}
header('Content-Type: application/json'); // 设置 Content-Type
echo json_encode($json);
?>关键点:
- header('Content-Type: application/json');: 确保 PHP 脚本设置了正确的 Content-Type,以便浏览器正确解析 JSON 数据。
- json_encode($json): 使用 json_encode 函数将 PHP 数组转换为 JSON 格式的字符串。
3. 更新日历初始化
确保在 $.getJSON 的回调函数中调用 init_calendar(),以便在数据加载完成后初始化日历。这将确保日历能够正确显示从数据库加载的事件。
4. 注意事项与总结
- 错误处理: 在 $.getJSON 中添加错误处理,以便在数据加载失败时能够给出提示。
- 日期格式: 确保从数据库中获取的日期格式与日历控件所期望的格式一致。
- 性能优化: 如果事件数量非常大,考虑使用分页或懒加载等技术来优化性能。
- 调试技巧: 使用浏览器的开发者工具来检查网络请求和响应,以及 JavaScript 代码中的错误。
- 代码维护: 代码组织清晰,添加必要的注释,方便日后维护和修改。
通过遵循这些步骤,您应该能够成功地从数据库中加载事件数据,并将其动态地显示在日历控件上。记住,理解数据结构和异步加载是解决这类问题的关键。










