2014-08-27 116 views
0

我试图加载包含使用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

+1

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

+0

如果你看一下控制台输出,你会看到这样的内容:” ......不被允许访问控制允许-起源。”您正在运行[跨站点脚本(XSS)问题](http://en.wikipedia.org/wiki/Cross-site_scripting) – dc5 2014-08-27 23:19:15

+1

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

回答

2

尝试

创建文件,保存为json类型,例如,content.json

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

JS

(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/