jQuery的：通過https加載外部HTML文件

我試圖加載包含使用jQuery.load一些HTML代碼放到一個div一個external file，但我失敗了：事業部：jQuery的：通過https加載外部HTML文件

<div id="htmhtm"></div>

的jQuery：

$('#htmhtm').load(
'https://github.com/kastolom/diefororacle/blob/master/2014-08-28-pivot/html/article.html' 
);

JSFiddle

誰能告訴我問題出在哪裏？

我希望有我的博客條目的博客託管服務之外，爲了能夠從一個資源遷移到另一個，例如，從blogger.com到WordPress

來源

2014-08-27 zaratustra

http://en.wikipedia.org/wiki/Same-origin_policy – 2014-08-27 23:19:06

如果你看一下控制檯輸出，你會看到這樣的內容：」 ......不被允許訪問控制允許-起源。」您正在運行[跨站點腳本（XSS）問題]（http://en.wikipedia.org/wiki/Cross-site_scripting） – dc5 2014-08-27 23:19:15

Github不是CDN，因此不應該這樣使用。你應該把這個文件放在服務器上。之後，您需要在該服務器上（或至少該文件）允許[CORS]（https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS）。請注意[CORS僅支持IE 10+和所有其他主流瀏覽器]（http://caniuse.com/#feat=cors） – 2014-08-27 23:19:30

嘗試

創建文件，保存爲json類型，例如，content.json

callback({"result":"<p>something that I need to add</p>"})

(function() { 
    callback = function (data) { 
     if ($(data.result).is("p")) { 
      $("#htmhtm").html(data.result) 
     } 
    }; 
    $.getJSON("https://raw.[url]/content.json?callback=?"); 
}());

的jsfiddle http://jsfiddle.net/guest271314/wdg14r02/

來源

2014-08-28 01:22:37 guest271314

jQuery的：通過https加載外部HTML文件

回答

相關問題