如何解决ERROR No＆＃39; Access-Control-Allow-Origin＆＃39;

Question

我使用AJAX-Jquery帖子来计算使用Google API从A到B的时间。

但我收到错误＆＃34; XMLHttpRequest无法加载https://maps.googleapis.com/maps/api。 No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; null＆＃39;因此不允许访问。＆＃34;

我已经阅读了很多帖子并尝试了几种解决方案。他们都没有工作。

1. 我的.php页面中包含不同的标题变体

   header("Access-Control-Allow-Origin", "*");
   header('Access-Control-Allow-Credentials: true');
   

2. 修改我的.htaccess文件：

   Header set Access-Control-Allow-Origin "*"
   

3. 安装Chrome扩展程序Allow-Control-Allow-Origin

第三个选择允许我测试我的代码，但不是一个真正的解决方案。 有没有人成功解决这个问题？

Answer 1

您需要的是

JSONP

JSONP或“带填充的JSON”是在Web浏览器中运行的JavaScript程序中使用的通信技术，用于从不同域中的服务器请求数据，这是典型Web浏览器因同源策略而禁止的。

在您的AJAX通话中，您将确保dataSet为jsonp。