JS跨域请求如何解决

2015-07-29 01:23:50 308 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

lnc19950126 墨衍会员 · AI 创作全网分发关注 + 加入社区

JavaScript中跨域请求报错的调试技巧及解决方案跨域请求报错是前端开发中常见的问题，但通过合适的调试技巧和解决方案，可以有效地解决这些问题。CORS、JSONP、代理服务器和Nginx反向代理都是常用的跨域请求解决方案。选择哪种方案取决于具体的应用场景和需求。在实际开发中，建议优先考虑CORS解决方案，因为它是一种标准化且安全的方式。如果CORS不可行或需要支持旧的浏览器，可以考虑使用JSONP或代理服务器。对于需要处理大量跨域请求的场景，Nginx反向代理可能是一个更好的选择。阅读详情

function fetchWeatherData (callback, zip)

{

	var url="http://weather.yahooapis.com/forecastrss?u=f&p=";

	var xml_request = new XMLHttpRequest();

	xml_request.onload = function(e) {xml_loaded(e, xml_request, callback);}

	xml_request.overrideMimeType("text/xml");

	xml_request.open("GET", url+zip);

	xml_request.setRequestHeader("Cache-Control", "no-cache");

	xml_request.send(null); 

}

上面这段代码是iOS一个插件中主题的JS脚本，在试验时发现IE可以正常取到天气数据（例 zip:CHXX0008）,但是Chrome则会报“No 'Access-Control-Allow-Origin' header is present on the requested resource”错误，然后放到手机上这个主题也确实无法正常显示天气数据，应该是因为Safari和Chrome内核一样。

那么问题来了，怎样修改才能让这段代码在Chrome中获取到天气数据？谢谢

...全文