现在位置首页 / 项目实战 /正文

Jquery $.ajax $.getJson读取本地文件的问题-Received an invalid response not allowed access(echarts本地测试地图包)

作者: IT小兵 | 2014年4月18日| 热度:℃ | 评论: |参与:

今天在echarts群里有个网友问到地图插件的问题,我帮忙给调试了一下。

后来问题来了,主要是在ie里能显示地图,firefox和ie浏览器使用$.ajax加载本地html文件时,不会报错,

chrome无法显示。报错如下:

echarts本地测试地图包下载地址

http://pan.baidu.com/s/1bns0AJH 

Echarts代码:

require('echarts/util/mapData/params').params.continent = {
getGeoJson: function(callback) {
$.getJSON('./scripts/continent_geo.json', callback);
}
}

图示:

Received an invalid response. Origin 'null' is therefore not allowed access.

改成绝对路径后是这样的:

Cross origin requests are only supported for HTTP

Google了一下原因是:

Chrome基于安全考虑,不开放对本地文件的http请求,为啥IE和Firefox支持就不知道了。

网上有一些解决办法,但是没有一个实验成功的。

给chrome加上启动参数:

1
2
3
--allow-file-access-from-files
或者 
--disable-web-security

给chrome加上启动参数方法:

谷歌浏览器快捷方式,右键属性将目标位置中加上启动参数

source code
1
C:\Users\xxx\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security

上面2个方法都不成。

最好的办法就是把文件夹放在http服务器进行测试。更好办法欢迎留言交流。

win7安装iis7参考:



[windows server2008 iis 7部署及网站部署完整步骤]


转发注明:IT分享  http://www.suchso.com 

点击阅读本文所属分类的更多文章: 项目实战 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询