Json URL 数据 - >没有错误,但没有显示的事件



我不知道自己做错了什么。尝试通过Json格式的URL加载FullCalendar中的事件。见下文[1]。这是HTML[2]中的代码。没有显示任何事件。URL正在工作,控制台窗口中也没有错误。可能是什么问题?一些人提到,缺少标题信息可能是没有出现的原因。但标题是有定义的。

[1]

HTTP/1.1 200 OK
Content-Type: application/json; charset=utf-8
Server: Microsoft-IIS/10.0
X-Powered-By: ASP.NET
Date: Tue, 24 Nov 2020 16:43:15 GMT
Connection: close
Content-Length: 168
{
"events": [
{
"title": "Event 1",
"start": "2020-11-24T09:00:00",
"end": "2020-11-24T10:00:00"
},
{
"title": "Event 2",
"start": "2020-11-02T14:00:00",
"end": "2020-11-02T15:00:00"
}
]
}

[2]

<head>
<meta charset='utf-8' />
<link href='js/fullcal/main.css' rel='stylesheet' />
<script src='js/fullcal/main.js'></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'listMonth',
events: 'data/index',

locale: 'de'
});
calendar.render();
});
</script>
</head>
<body>
<div id='calendar'></div>
</body>

服务器返回的JSON事件数据必须只是数组,没有外部对象包装器-fullCalendar不知道在对象内部的哪里可以找到它需要的数组。必须直接提供数组。

使用您的示例数据,来自服务器的JSON响应应该是这样的:

[
{
"title": "Event 1",
"start": "2020-11-24T09:00:00",
"end": "2020-11-24T10:00:00"
},
{
"title": "Event 2",
"start": "2020-11-02T14:00:00",
"end": "2020-11-02T15:00:00"
}
]

最新更新