javascript - 如何使用js跳过跨域请求web api的限制?
巴扎黑
巴扎黑 2017-04-10 15:11:58
[JavaScript讨论组]

我在网上看到说这个跨域问题的解决方法:
1、用jsp或者php,反正是让服务端去访问这个api
2、把这个URL放到一个script标签里加载。
难道就没有用js的ajax直接获取json数据的方法吗?

=====================

好吧,百度的Geocoding还是用第二种方法吧,跨域这个看来是解决不了了。
我还想问问,别的url api,比如天气的那个http://apistore.baidu.com/astore/serviceinfo/1798.html?qq-pf-to=pcqq.discussion这个怎么用上面第二种方法?

巴扎黑
巴扎黑

全部回复(3)
怪我咯

1 的实质是代理,2 的实质是 JSONP,原理是:http://segmentfault.com/q/1010000002707387/a-1020000002707744

正常情况下要去除跨域限制只要设置 API 的 response header 的 Access-Control-Allow-Origin(https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS)就好了,然而显然目前你没办法操控 API 的代码。但是又因为你给的这个接口不是 JSONP 接口,所以只能通过代理。控制台运行下面的代码试试:

var s = document.createElement("script");
s.src = "https://jsonp.afeld.me/?callback=hello&url=http%3A%2F%2Fapistore.baidu.com%2Fmicroservice%2Fweather%3Fcitypinyin%3Dbeijing";
document.body.appendChild(s);

function hello(data) {
    alert( data.retData.weather );
}
高洛峰

很遗憾,本来 HTTP 协议支持一种叫 CORS 的访问控制功能,并且在 IE8*及其他现代浏览器上支持的很好。但是百度的 Geocoding API 服务并没有使用该功能。
所以答案是:没有。

大家讲道理

2-非 jsonp 接口,Refused to load the script...,还是服务器端做代理吧。

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

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