javascript – 如何解决Google API中的CORS问题?

前端之家收集整理的这篇文章主要介绍了javascript – 如何解决Google API中的CORS问题?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个应用程序,我必须使用Google的提升API获取某些点的提升,我仍然坚持臭名昭着的CORS问题.
var elevationUrl = 'https://maps.googleapis.com/maps/api/elevation/json?locations=39.7391536,-104.9847034&key=AIzaSyAgXFgUVR4Nia7pegX_0hcz0aNevCKAa58';

$.ajax({
    url: elevationUrl,type: 'GET',// dataType: 'JSONP',success: function(){
    }
});

对于初学者我只是试图查询一个固定点.当我这样做时,我在浏览器的控制台中收到了CORS警报.

当我尝试使用dataType:’JSONP’时,它可以工作,我从API获得响应但是我的浏览器抱怨响应在响应中有错误,但它没有.基本上我试图将JSON解析为JSONP,这就是为什么我在响应中得到语法错误.

这是怎么回事?如何通过AJAX调用查询Elevation API?

解决方法

我使用chrome的Allow-Control-Allow-Origin插件解决这类问题.它允许您在chrome中启用/禁用CORS.
https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

猜你在找的JavaScript相关文章