JavaScript(XMLHttpRequest)によるXMLの読み込みについて

Question

function loadXMLDoc(url) {
  doc = new XMLHttpRequest();
  doc.onreadystatechange
  doc.open("GET", url, false);
  doc.send(null);
  return doc.responseXML;
}

上記の関数を用いて，同ディレクトリの外部ファイルからXMLを読み込み，戻り値にてDOMオブジェクトを取得しようとしたところ，
Access to XMLHttpRequest at 'ファイルパス' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

と表示され，うまくいきませんでした．

HTTPサーバーを立ててみても同様のエラーでうまくXMLの読み込みができません．

使い方を間違えているのでしょうか？

Answer 1

オリジン（ドメインなど）が違うリソースへのアクセスは相手サーバ側が明示的に許可していないとできません。

【オリジン間リソース共有 (CORS) - HTTP | MDN】
https://developer.mozilla.org/ja/docs/Web/HTTP/CORS

Comments

[_beg]

やりたいことはただ同ディレクトリのXML読み込みを行いたいだけなのですが厳しいのでしょうか？

[kei344]

ローカルでは動かないと思います。httpから始まるURLで同じサーバ上にあるのであればCORSのエラーは出ないと思います。

[_beg]

Access to XMLHttpRequest at 'http://localhost:8080/data.xml' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
と出ているんですよね…

[_beg]

すみません．こちらのミスでした．
片方はそのままHTMLにアクセスしており，XMLはhttpで指定していたためでした．ありがとうございました．