JS で AJAX からクロス ドメイン Web サービス API を呼び出していますが、次のようなエラーが発生します。
「XMLHttpRequest はhttp://url2.com/social/polling/get_pollを読み込めません。オリジンhttp://url1.comは Access-Control-Allow-Origin で許可されていません」
また、リクエストのヘッダーで ***** に設定しようとしましAccess-Control-Allow-Origin
たが、成功しませんでした。同じエラーが発生しています
以下は私が実際にやっていることです:
$.ajax({
type : "POST",
dataType : "jsonp",
data : {
pollId : pollId
},
/* header : {'Access-Control-Allow-Origin':'*'}, */
url : "http://url2.com/social/rs/polling/get_poll",
beforeSend : function(xhr) {
xhr.setRequestHeader('Access-Control-Allow-Origin',
'*');
},
success : function(response) {
var html;
var html = "<div ><h2>" + response.topic + "</h2>";
for ( var index = 0; index < response.options.length; index++) {
html = html
+ "<input type=\"checkbox\" name=\"option\" value=\""
+ response.options[index] + "\" />"
+ response.options[index] + "<br/>";
}
html = html
+ "<input type=\"button\" value=\"Submit\" onclick=\"pollIT("
+ response.pollId + ", '" + response.topic
+ "'); \" /></div>";
$("#question").append("");
$("#question").append(html);
html = "";
},
error : function(e) {
console.log(e);
return false;
}
});
また、ヘッダーを次のように設定しようとしました
header : {'Access-Control-Allow-Origin':'*'}
しかし、まだ運がありません。誰かこれについて何か考えがありますか?