Google故意GET请求无法解决详细地方JSON请求,因此我尝试通过执行以下操作来解决此问题:
const detailedView = () => {
const urlList = [];
for (var i = 0; i < search_place.length; i++) {
urlList.push(`https://maps.googleapis.com/maps/api/place/details/json?placeid=${search_place[i].place_id}&key=${googleKey}`);
}
const scTag = document.getElementById('Detailed__Request');
scTag.setAttribute('src', `${urlList[2]}`);
}
<script id="Detailed_Request" async defer></script>
所以'search_place'保存了places API返回的对象列表,从那里我将带有唯一'place_id'的链接推送到数组'urlList'。
然后作为测试,我手动将其中一个url添加到脚本标记并返回JSON:
我如何实际访问此数据?
任何帮助将不胜感激:)
编辑:
@Brett DeWoody(感谢回复)
所以我刚刚添加了异步GET请求:
const xhr = new XMLHttpRequest();
xhr.open('GET', urlList[2], true);
xhr.send(null);
console.log(xhr.responseText);
我收到以下错误:
无法加载https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJabZ3FaUcdkgRoxxbahDO3bM&key=AIzaSyDqESELOJEOnNFFhWFsQG8fvuVAe_9WffM:请求的资源上没有“Access-Control-Allow-Origin”标头。因此,不允许原点'null'访问。
谷歌搜索后,我发现它故意被阻止。