javascript - 调用数据接口被拦截,显示同源策略禁止读取数据,怎么解决?
PHPz
PHPz 2017-04-11 11:39:52
[JavaScript讨论组]

var set = {
    type: "GET",
    url: 'http://japi.juhe.cn/health_knowledge/categoryList?key=ba4fbbe97404cc',
    dataType: "json",
    success: function(data) {
        console.log(data);
    }
}
$.ajax(set);

显示错误:

已拦截跨源请求:同源策略禁止读取位于
http://japi.juhe.cn/health_kn...
的远程资源。(原因:CORS 头缺少 'Access-Control-Allow-Origin')。

我调用的是聚合数据上的API,怎么解决这个问题呢?
追加一下,使用JSONP格式调用成功,但是会报错:

SyntaxError: missing ; before statement
"error_code" : 0 , "reason" : "Success!" , "result" : [ { "id" : 11 ,
"na categ...

但是返回数据显示"reason" : "Success!", 明显是成功的,好想知道解决方法。

PHPz
PHPz

学习是最好的投资!

全部回复(1)
迷茫

同源策略是互联网安全的需求,所以也许有绕过该策略的方法,但是慢慢也会被封杀的,除非是服务器自己愿意(在头部设置Access-Control-Allow-Origin)或者使用其它协议,如WebSocket,那也是要你请求的服务器支持才行,个人观点。

所以如果是想要调用聚合数据上的API,请将数据发送到你的后台,然后由你的后台调用,得到的数据再返回你的前端。

报的错是语法错误,检查下你的代码?

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号