2014-01-05 37 views
0

第一計算器的問題在這裏...淡出上點擊股利和負載頁面不工作... jQuery的/ AJAX

我試圖做的是淡出內容(#main),並負載上點擊頁面然後淡入該頁面的內容(#main)。

$('nav a').live('click', function(event) { 
var link = $(this).attr('href'); 

$('#main').fadeOut('slow', function() { 
    $.get(
     link +' #wrapper', 
     function(data) { 
      $("#main").html(data).fadeIn('slow'); 
     }, 
     "html" 
    ); 
}); 
return false; 
}); 

但它的未來在Chrome的控制檯以下錯誤: 無法加載資源:沒有「訪問控制允許來源」標頭出現在所請求的資源。因此不允許原產地'null'訪問。

有可能更簡單的做到這一點,但似乎無法解決這個錯誤。

我在stackoverflow上發現了一個類似的問題,並將其發佈,但已經失去了它,所以道歉。

任何幫助,將不勝感激!

感謝 喬治

回答

0

此錯誤是你正在試圖讓數據從另一個域的鏈接。

在這種情況下,確保調用Web服務器,即資源所在的Web服務器具有CORS頭部集。您還需要知道,只有現代瀏覽器IE9 +支持CORS。

http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

如果你得到這個工作,我想你會想:

$("#main").fadeIn('slow'); 

一個辦法解決這問題將是建立這可能要求你需要的資源,然後在服務器端代理您的get方法會與此代理進行通信。

+0

感謝您的快速響應。確定,這不是理想的,因爲我希望它是跨瀏覽器友好的。你有任何其他方式可以做到這一點(不包括CORS)的任何建議嗎? – user3163317

+0

修改了答案。如果這有助於標記爲答案。 –