jquery - 完整日历不显示来自 JSON 源的事件

Question

我已阅读完整日历上的整个文档，但仍然无法从 JSON 源呈现任何内容。我正在运行 Rails 3.2，当我使用 Google 的开发人员工具预览 JSON 源时，我看到格式正确的 JSON 对象以及状态代码为 200 的 header 和 Accept: application/json。我这样调用完整日历:

$('#calendar').fullCalendar({events: '/events'});

如果我声明一个 JSON 对象，然后自行渲染它，它会像这样渲染:

var event = {
  "title": "Event 1",
  "start": "1363794900",
  "end": "1363794900",
  "url": "/events/4"
}

$('#calendar').fullCalendar( 'renderEvent', event);

编辑 1 在事件 Controller 中，index.json.erb 如下所示:

<% @events.each do |event| %>
  {
    "title": "<%= event.name %>",
    "start": "<%= event.from.strftime("%s") %>",
    "end": "<%= event.to.strftime("%s") %>",
    "url": "<%= event_path(event) %>"
  }
<% end %>

它返回以下内容:

{
"title": "Matts Party",
"start": "1363794900",
    "end": "1363794900",
    "url": "/events/4"
}
{
    "title": "Mateuszs Party",
    "start": "1363795440",
    "end": "1363795440",
    "url": "/events/5"
}
{
    "title": "Johns Party",
    "start": "1363799400",
    "end": "1363799400",
    "url": "/events/6"
}
{
    "title": "Mikes Party",
    "start": "1364054040",
    "end": "1364054040",
    "url": "/events/3"
}

Answer 1

您的脚本生成的 JSON 代码不正确。 您可以尝试在这里验证它:http://jsonlint.com/ 粘贴生成的 JSON 代码以查看问题。

你的结构是这样的: {...}{...}{...}

应修改为: [{...},{...},{...}]