jqueryでajaxを利用すると、コンソールにエラーが出た
実行したjquery
————————————————-
$.post(
//アクセスするURL
‘http://sub.exemple.com’,
{
‘value’: value
},
function(data){
//リクエスト成功時の処理
});
————————————————-
コンソールに出たエラー
————————————————-
XMLHttpRequest cannot load http://sub.exemple.com. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://exemple.com’ is therefore not allowed access.
————————————————-
リクエスト成功時に実行される処理も行われない。
header(“Access-Control-Allow-Origin
解決方法は、http://sub.exemple.com にAccess-Control-Allow-Origin レスポンスヘッダを追加する。
ワイルドカードですべてのドメインからの接続を許可
————————————————-
header(“Access-Control-Allow-Origin: *”);
————————————————-
特定のドメインからの接続のみを許可する場合
————————————————-
header(“Access-Control-Allow-Origin: http://exemple.com”);
————————————————-
.htaccessに書き込むなら
————————————————-
Header append Access-Control-Allow-Origin: *
————————————————-
