js跨域问题？

Question

我用ＡＪＡＸ调用天气预报接口时报错
XMLHttpRequest cannot load http://op.juhe.cn/onebox/weat... No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.
调用url是下面这个，返回的时一个ＪＳＯＮ
url:http://op.juhe.cn/onebox/weather/query?cityname=%E6%B8%A9%E5%B7%9E&key=KEY

然而我AJAX调用另一个API时返回一个字符串
ｕｒｌ｀http://api.hitokoto.cn｀却能正确回显。这是什么原因造成的？

是不是返回字符串就不存在跨域问题？返回JSON就要使用跨域策略

Answer 1

题主请求的聚合接口没有提供跨域访问。
我自己写了个远程接口代理：https://bird.ioliu.cn
使用方法可以查看这里：https://github.com/xcss/jsonb...
提供天气查询接口：点我查询北京的天气

Answer 2

天气接口服务器不支持AJAX跨域访问，可以使用jsonp访问。
另一个api支持则AJAX跨域访问。
AJAX跨域需要服务器和客户端的配合，与返回内容无关。

Answer 3

看看这个问题你就明白了
https://segmentfault.com/q/10...
兼容性附上：http://caniuse.com/#search=Cr...

Answer 4

虽然是ajax发送数据包，但是get和post还是有区别的，get形式不存在跨域。