使用JSON Feed加载时FullCalendar事件不显示问题求助

1. JSON格式语法错误 #

你提供的接口返回JSON存在两处致命语法问题，这是导致FullCalendar无法解析事件的核心原因：

• JSON的键名必须用双引号包裹，不能使用单引号或无引号
• 键名与冒号之间不能存在多余空格

错误的返回示例：

[
  {
    title  : 'event2',
    start  : '2025-03-15T12:30:00'
  }
]

修正后的合法JSON：

[
  {
    "title": "event2",
    "start": "2025-03-15T12:30:00"
  }
]

2. 检查接口响应头配置 #

确保后端接口返回的Content-Type响应头为application/json，如果返回的是text/plain或其他非JSON类型，FullCalendar会无法识别数据格式。

3. 验证请求状态与内容 #

打开浏览器开发者工具（F12）的网络标签，刷新页面后查看/cal/stream请求：

• 确认HTTP状态码为200（请求成功）
• 查看响应内容是否为修正后的合法JSON
• 检查是否存在跨域拦截（若前端与后端域名/端口不一致）

4. 可选：添加调试回调 #

可以将events配置替换为eventSources并添加错误回调，快速定位加载失败原因：

eventSources: [
  {
    url: '/cal/stream',
    failure: function() {
      alert('事件数据加载失败，请检查接口');
    }
  }
]

内容的提问来源于stack exchange，提问作者naturzukunft