2016-07-18 52 views
1

我想跨域調用來獲得一些HTML,我得到下面的錯誤,請有人可以幫助我需要做什麼。下面是我得到的錯誤。跨域Ajax調用獲取靜態Html?

「錯誤」: 跨來源請求阻止:同源策略不允許在http://test.com/webclient/widget/GetPromotionalBanner/%7bA301A86A-87CB-4F49-BF0E-A8EE355295BD%7d/Bright讀取遠程資源。 (原因:來自CORS預檢通道的CORS頭部'Access-Control-Allow-Headers'中缺少令牌'訪問控制允許來源')。

始終在錯誤部分。

JavaScript代碼

(function ($) { 
'use strict'; 
//================================================== 
// DOCUMENT READY 
//-------------------------------------------------- 
function mytest(ss){ 
    console.log(ss); 
} 
$.ajax({ 
    type: "Get", 
    url:"http://mytesturl.com", 
    cache: "false", 
    headers: { 'Access-Control-Allow-Origin': '*', 'Access-Control-Request-Headers':'X-Custom-Header','Access-Control-Request-Method':"GET"}, 
    crossDomain : true, 
    success: function(html) { 
     alert("Cross Domain Call Success"); 
     console.log(html); 
    }, 
    error:function(error){ 
     alert("Error Response :", error); 
     console.log(error); 
    } 
}); 

//-------------------------------------------------- 
// end DOCUMENT READY... 
//================================================== 
}(jQuery)); 

阿賈克斯的頭輸入反應叫

接入控制允許原稿... * 緩存控制私人 內容編碼gzip的 Content-Length 886 Content-Type text/html; charset = utf-8 日期2016年7月18日07:46:49 GMT 服務器Microsoft-IIS/8.5 Set-Cookie ASP.NET_SessionId = pe1r0iiklzj5ch3fuanhzlun;路徑= /; HttpOnly SC_ANALYTICS_GLOBAL_COOKIE = a874641e69b948898f6dcb596a987fbc | False;到期日=星期六,18-Jul-2026 07:46:49 GMT;路徑= /;僅Http 因人而異接受編碼 X-ASPNET-版本4.0.30319 X-AspNetMvc-5.2版本 X-已啓動通過ASP.NET

請求頭 接受text/html的,是application/xhtml + XML ,application/xml; q = 0.9,/; q = 0.8 接受編碼gzip,deflate Accept-Language en-US,en; q = 0.5 訪問控制請求 - 訪問控制-allow-origin 訪問控制請求我... GET Cache-Control max-age = 0 連接保持活動 Host test.com Origin null User-Agent Mozilla/5.0(Windows NT 6.1; WOW64; RV:47.0)壁虎/ 20100101火狐/ 47.0

+0

基本上所有你需要知道的是在錯誤信息。由於您可能無法控制服務器,因此您應該尋找其他方式來託管該html。 – Sirko

+0

從服務器返回'jsonp'數據。並用'dataType:「jsonp」'調用Ajax。 – Kaushal

+0

http://stackoverflow.com/questions/19489976/cross-domain-ajax-request-to-a-json-file-using-jsonp – Kaushal

回答

0
"Access-Control-Allow-Origin: *" 

這個頭必須在服務器上被設定,而不是在AJAX請求。

+0

我已經在服務器端設置了標題。 –

+0

嘗試在服務器'Access-Control-Allow-Headers','Content-Type,*'上設置此標頭 –