js ajax跨域怎么解决【求助】

高冷boy 发布于 2017/01/13 16:21
阅读 412
收藏 1
$.ajax({

            type: 'GET',
            dataType: 'json',
            url: "http://apis.map.qq.com/ws/geocoder/v1/?address=北京市海淀区彩和坊路海淀西大街74号&key=OQQBZ-FE464-EPZUR-XNZOS-Z7SQK-4TBWM",
            success: function(data) {
                alert(data);
            },
            error:function(data){
                alert("error");
            }

        });

错误信息:
XMLHttpRequest cannot load http://apis.map.qq.com/ws/geocoder/v1/?address=%E5%8C%97%E4%BA%AC%E5%B8%82%…A5%BF%E5%A4%A7%E8%A1%9774%E5%8F%B7&key=OQQBZ-FE464-EPZUR-XNZOS-Z7SQK-4TBWM. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access.

加载中
0
唱不完的离歌
唱不完的离歌
你用get传中文都不转码?
高冷boy
浏览器会帮我转码。哈哈
0
用心编码
用心编码
jsonp请求试试
0
Rudy
Rudy
var script = document.createElement('script');
script.type = 'text/javascript';
var dataurl = "http://apis.map.qq.com/ws/geocoder/v1/?address=北京市海淀区彩和坊路海淀<span></span>西大街74<span></span>号&key=OQQBZ-FE464-EPZUR-XNZOS-Z7SQK-4TBWM&output=jsonp&callback=callback";
script.src = dataurl;
document.body.appendChild(script);

function callback(data) {
    alert(data.result.title);
}



0
J
JavaMVC

js 可以使用jsonp,但jsonp不管你用什么方式传值,后台接收都是get,后台你可以设置消息头access-control-allow-origin的属性为*

0
g
gis_java

可以通过后台代码跨域


0
丿不良人灬
丿不良人灬
jsonp   https://my.oschina.net/blr/blog/818463
0
anlen_gzz
anlen_gzz

https://mp.weixin.qq.com/s/6FNvjvRhJxOax_zhCYvyIw

http://mp.weixin.qq.com/s/a9TE7rZuORbR_KKQrrcnrw

0
爪哇小贩
爪哇小贩
服务器端必须支持
0
wuyiw
wuyiw

好象是非腾讯域名不能用json, 试了试jsonp可以成功:

$.ajax({

            dataType: 'jsonp',
            url: "http://apis.map.qq.com/ws/geocoder/v1/?address=北京市海淀区彩和坊路海淀西大街74号&key=OQQBZ-FE464-EPZUR-XNZOS-Z7SQK-4TBWM&output=jsonp",
            success: function(data) {
                alert(JSON.stringify(data));
            },
            error:function(data){
                alert("error");
            }

        });

 

返回顶部
顶部