AJAXを使用して複数のサーバーからリソースにアクセスしようとしていますが、次の問題が発生しています。
XMLHttpRequest cannot load http://first.mydomain.com. Origin http://second.mydomain.com is not allowed by Access-Control-Allow-Origin.
次のコードで
for ( i in domains )
{
var url = 'http://'+domains[i]+'/mgmt/json/queue_status.php';
requests[i]=new request(url);
break;
}
function request(url)
{
var queues = {};
http_request = new XMLHttpRequest();
http_request.open("GET", url, true, 'username', 'password');
http_request.onreadystatechange = function () {
var done = 4, ok = 200;
if (http_request.readyState == done && http_request.status == ok) {
queues = JSON.parse(http_request.responseText);
var queuesDiv = document.getElementById('queues');
print_queues(queues, queuesDiv);
}
}
http_request.send(null);
}
リクエストされている回答ページに以下を追加しました。
header('Access-Control-Allow-Origin: *');
リクエスターにも明示的に名前を付けようとしましたが、成功しませんでした。
ありがとう
PS:上記のコードは完全ではありませんが、ホストサーバーのリソースを要求するだけで正常に機能します。