2014-03-31 24 views
2

我有一个嵌入的JavaScript(不能使用jQuery)事件的Widget我们商会:跨域使用JavaScript嵌入,在IE浏览器版本不工作

http://www.cvchamber.ca/calendar-widget/

基本上你复制/粘贴到您的网站:

<!-- 
CV Chamber of Commerce Event Widget 
Copy and paste where you want the calendar to appear. 
--> 
<div id="event-widget"></div> 
<script src="http://goo.gl/jxLBvi"></script> 

脚本本身是这样的:

function callback(jsondata){ 
    document.getElementById('event-widget').innerHTML = jsondata.html ; 
} 
var script = document.createElement('script'); 
script.src = 'http://www.cvchamber.ca/wpcvcc/wp-admin/admin-ajax.php?action=get_events&count=5&callback=callback'; 
document.body.appendChild(script); 

URL http://www.cvchamber.ca/wpcvcc/wp-admin/admin-ajax.php?action=get_events&count=5&callback=callback只需检索一些用于在div中放置的HTML。

它适用于除IE以外的所有浏览器,我可以做什么来做到这一点?

+0

首先我们需要知道所说的html或javascript是不兼容的。它有多远?控制台中是否有错误?为什么它不起作用? –

+0

当我尝试它时,我得到'“来自http://www.cvchamber.ca/wpcvcc/wp-admin/admin-ajax.php?action=get_events&count=5&callback=callback&format=xml的脚本因MIME类型不匹配而被阻止” '不应该你的类型是文本/ JavaScript? –

回答

4

IE不会将"application/json"识别为可执行的JavaScript,因此它会拒绝脚本。对于JSONP请求,服务器应该返回contentType设置为"text/javascript"

+0

谢谢,很好的简单修复。有点尴尬,我看不到它:) –

+0

没问题,这不是一个很常见的错误。通常你会以'

相关问题