Javascript 我的完整日历上没有显示任何事件。(来自谷歌日历)

Javascript 我的完整日历上没有显示任何事件。(来自谷歌日历),javascript,jquery,calendar,fullcalendar,Javascript,Jquery,Calendar,Fullcalendar,我正在使用JavaScript插件“fullcalendar”和谷歌日历模块在网页上查看谷歌日历。问题是没有显示任何事件,控制台中也没有任何伴随的错误消息 空日历显示良好 我已经生成了API密钥,并检索了要显示的日历的日历id 我的建议如下: $(文档).ready(函数(){ console.log(“函数运行”); var calendar=$(“#calendar”); 日历({ googleCalendarApiKey:“我的api密钥”, 活动:{ googleCalendarId:“

我正在使用JavaScript插件“fullcalendar”和谷歌日历模块在网页上查看谷歌日历。问题是没有显示任何事件,控制台中也没有任何伴随的错误消息

空日历显示良好

我已经生成了API密钥,并检索了要显示的日历的日历id

我的建议如下:

$(文档).ready(函数(){
console.log(“函数运行”);
var calendar=$(“#calendar”);
日历({
googleCalendarApiKey:“我的api密钥”,
活动:{
googleCalendarId:“我的日历id”
}
});
});
我的html中的标题如下所示:


我之所以有这么多引用,是因为我同时在应用程序的一个稍微不同的部分使用日历API。我查看了chrome开发工具中的网络选项卡,试图识别JSON之类的东西,将事件数据带到站点,什么都没有

我知道fullcalendar使用AJAX更新屏幕上的日历,所以我尝试在我的google日历上创建一个新事件,并查看网络选项卡以防看到更改,但什么都没有

console.log()
正在愉快地运行,因此我知道js正在加载

我尝试使用gcal提要返回到旧方法,但是
$.fullcalendar.gcalFeed(url)
不再是一个函数(这很公平)。我已经得到了最新版本的
gcal.js
文件(V2.0不再工作,所以对该文件进行了一些小改动)

如果有人能找出我哪里出了问题,或者给我指出一个新的方向去尝试其他事情,我将非常感激,我现在几乎没有想法了

更新 我没有使用日历id,而是尝试从日历中获取提要(通过选择“日历设置”下的xml选项并将其复制到JQuery中)。这给了我一个错误:

XMLHttpRequest cannot load     https://google.com/calendar/feeds/ed.prince5769%40gmail.com/public/basic?start=2015-06-28&end=2015-08-09&_=1436196005956. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://edprince.uk' is therefore not allowed access. The response had HTTP status code 404.
如果我遵循这个url,我会得到我想要的,一堆XML,包括我日历上所有事件的细节。所以我认为这就是问题所在,无论出于何种原因,我无法将所有这些数据加载到我的网站上。我现在要研究解决这个问题

更新#2
我刚刚通读了这篇关于这个问题的精彩文章。似乎有3种方法可以实现它,使用JSONP、服务器端代理或CORS。作者提到前两种解决方案会产生潜在的安全漏洞,而本项目不允许这样做。CORS看起来是一个可能的路径。

您正在尝试访问需要身份验证的链接

如果您试图在匿名窗口中访问相同的URL,是否收到相同的错误(“404未找到”)