XMLHttpRequest在一個頁面上被阻止，但在另一頁面上沒有？

Question

我有兩個頁面，都在同一個域中。 兩者都試圖從Google日歷獲取事件供稿。 一個成功，一個不成功。 唯一的區別是，一個使用jQuery的document.ready，另一個使用window.onload。

起作用的頁面： http : //wwwtest.english.wisc.edu/calendar.htm

無法使用的頁面： http : //wwwtest.english.wisc.edu/844.htm

第二頁是由CMS生成的，因此我對腳本的加載順序沒有太多控制，因此我使用window.onload來確保首先加載其他腳本。

* 以下是其他說明 *

是的，我已經完成調試，這是確切的錯誤：

XMLHttpRequest無法加載https://www.google.com/calendar/feeds/rhrab82ir5qgut1ddv7qj087c8%40group.ca…ar.google.com / public / basic？start = 1356847200＆end = 1360476000＆_ = 1358694509517。 Access-Control-Allow-Origin不允許使用來源http://wwwtest.english.wisc.edu 。

但是令我困惑的部分是：

我從有效的頁面復制了代碼，僅更改了兩件事：

1）我從使用jQuery的document.ready更改為使用window.onload

2）我改變了jQuery選擇器

Answer 1

我可能在firebug中發現了您的快速調試問題。 您的來電

https://www.google.com/calendar/feeds/rhrab82ir5qgut1ddv7qj087c8%40group.calendar.google.com/public/basic?start=1356850800&end=1360479600&_=1358632991615返回：XML解析錯誤：找不到元素位置：moz-nullprincipal ：{627004d0-0e97-ca46-9ae8-767df4ae9d4f}第1行，第1列：

跨域Ajax調用中有一些有趣的信息， 未找到任何元素。位置：moz-nullprincipal和

jQuery Ajax調用找不到元素問題

Answer 2

XMLHttpRequest無法加載https://www.google.com/calendar/feeds/rhrab82ir5qgut1ddv7qj087c8%40group.ca…ar.google.com / public / basic？start = 1356814800＆end = 1360443600＆_ = 1358633133560。 Access-Control-Allow-Origin不允許使用來源http://wwwtest.english.wisc.edu 。

我使用Chrome調試此類內容。 Ctrl + Shift + J用於JavaScript控制台。

Answer 3

顯然，完整日歷具有使用Google日歷事件所需的特定其他腳本。

此處的信息： http : //arshaw.com/fullcalendar/docs/google_calendar/

第一個示例已加載此腳本，而第二個示例未加載。 添加后，事件將正確加載。

Answer 4

第一個使用jsonp api，而第二個使用xml api，因此對同一來源策略適用。如果您可以更改第二個請求以使用jsonp api。