向Google API发送jQuery Post时出现Access-Control-Allow-Origin错误
|
我读了很多有关“ Access-Control-Allow-Origin”错误的信息，但我不明白我该如何解决:(
我正在使用Google Moderator API，但是当我尝试添加新的系列时，收到以下消息：
XMLHttpRequest cannot load
https://www.googleapis.com/moderator/v1/series?key=[key]
&data%5Bdescription%5D=Share+and+rank+tips+for+eating+healthily+on+the+cheaps!
&data%5Bname%5D=Eating+Healthy+%26+Cheap
&data%5BvideoSubmissionAllowed%5D=false.
Origin [my_domain] is not allowed by Access-Control-Allow-Origin.
<script src=\"http://www.google.com/jsapi\"></script>
<script type=\"text/javascript\">
var scope = \"https://www.googleapis.com/auth/moderator\";
var token = \'\';
function create(){
if (token == \'\')
token = doCheck();
var myData = {
\"data\": {
\"description\": \"Share and rank tips for eating healthily on the cheaps!\",
\"name\": \"Eating Healthy & Cheap\",
\"videoSubmissionAllowed\": false
}
};
$.ajax({
url: \'https://www.googleapis.com/moderator/v1/series?key=\'+key,
type: \'POST\',
callback: \'?\',
data: myData,
datatype: \'application/json\',
success: function() { alert(\"Success\"); },
error: function() { alert(\'Failed!\'); },
beforeSend: setHeader
});
}
function setHeader(xhr) {
xhr.setRequestHeader(\'Authorization\', token);
}
function doLogin(){
if (token == \'\'){
token = google.accounts.user.login(scope);
}else{
alert(\'already logged\');
}
}
function doCheck(){
token = google.accounts.user.checkLogin(scope);
return token;
}
</script>
...
...
<div data-role=\"content\">
<input type=\"button\" value=\"Login\" onclick=\"doLogin();\">
<input type=\"button\" value=\"Get data\" onclick=\"getModerator();\">
<input type=\"button\" value=\"Create\" onclick=\"create();\">
</div><!-- /content -->
没有找到相关结果
已邀请:
6 个回复
旅牢斯讲
$.ajax({ url: \'https://www.googleapis.com/moderator/v1/series?key=\'+key, data: myData, type: \'GET\', crossDomain: true, dataType: \'jsonp\', success: function() { alert(\"Success\"); }, error: function() { alert(\'Failed!\'); }, beforeSend: setHeader });苛肠倒俱
它像魅力一样运作。多亏了海报俺呵誓放胳
的服务时遇到此错误，但可以在服务器前放置反向代理，则可以通过重写标头来避免该错误。 假设应用程序在端口8080（公共域位于www.mydomain.com）上运行，并且您将反向代理放在端口80的同一主机上，这是Nginx反向代理的配置：server { listen 80; server_name www.mydomain.com; access_log /var/log/nginx/www.mydomain.com.access.log; error_log /var/log/nginx/www.mydomain.com.error.log; location / { proxy_pass http://127.0.0.1:8080; add_header Access-Control-Allow-Origin *; } }量华
，则可以同步调用该服务。笛驮型迸
，这里的下划线（）子域正在创建CORS错误。将更改为后，它可以正常工作。禽兢玫坞劲
JS$.ajax({ method: \'POST\', url: \'getContentFromUrl.php\', // link to your PHP file data: { // url where our server will send request which can\'t be done by AJAX \'ext_url\': \'https://stackoverflow.com/questions/6114436/access-control-allow-origin-error-sending-a-jquery-post-to-google-apis\' }, success: function(data) { // we can find any data on external url, cause we\'ve got all page var $h1 = $(data).find(\'h1\').html(); $(\'h1\').val($h1); }, error:function() { console.log(\'Error\'); } });