javascript读取json遇到跨域问题怎么办?

<script type="text/javascript" src="jquery.min.js"></script>  
<script type="text/javascript">  
    var Ajax = function ()  
    {  
        $.getJSON ("data.json", function (data)  
        {  
            $.each (data, function (i, item)  
            {  
                alert(item.name);
            });  
        });  
    }  

data.json

[
    {
        "name": "联泰环保",
        "code": "732797",
        "tatalNum": "5334",
        "topPrice": "21.00",
        "price": "5.96",
        "date": "04-05",
        "rate": "0.0346"
    }
]

同时在同级目录下放置data.json文件。直接用浏览器打开后没有返回数据,右击鼠标审查元素,出现以下提示,意思就是不能跨域。


Cross origin requests are only supported for protocol schemes: http, data,chrome-extension, https, chrome-extension-resource.


查了一圈发现网上有解决办法如下(没有尝试,但是评论说可以):

给浏览器传入启动参数(allow-file-access-from-files),允许跨域访问。
Windows下,运行(CMD+R)或建立快捷方式:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files

但是又不想这么改怎么办?

启动一个服务(就是运行一个如nginx的服务,需要安装),将此文件和data.json文件移动nginx运行目录下。在浏览器输入:localhost:端口号/路径
之后发现alert成功。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值