0

xmlhttprequestを使ってみようと思い以下のようなコードを書いたのですが、
onloadが実行されず必ずonerrorが呼び出されます。
どうすればonloadが呼び出されるでしょうか

<html>
<head>
<script>
function fn()
{
    alert("RUN!");
    var xhr = new XMLHttpRequest();
    var url="http://www.yahoo.co.jp";

    xhr.open("GET", url, true);

    xhr.onload = function (oEvent) {
        alert("on load");
    };

    xhr.onerror=function(oEvent){
        alert("on error");
    }
    xhr.send(null);
};
</script>
</head>

<body>
<button type="button" name="btn" onclick="fn()">ボタン</button>
</body>

</html>
1
  • 書くの忘れましたがブラウザはクロームのバージョン: 67.0.3396.99(Official Build) (64 ビット)としてください。
    – Jogenara
    2018年6月29日 5:33

1 件の回答 1

3

あるWebサイトから別の悪意のあるWebサイトの情報を読み込んで実行させないための仕組みとしてSame-Origin Policy(同一生成元ポリシー)というのがブラウザ、Yahoo!Japanで適応されているため、xhrfetchで情報を取得することが出来ません。

もしYahoo!JapanのWebサイトの内容を読み込んでこのJSのonloadのほうを実行させるためにはYahoo!Japanのサーバー側で貴方のドメインからの読み込みを可能に(CORS対応)してもらう必要があります。

CORS(Cross Origin Resource Sharing)に関しては以下を見るとわかりやすいと思います。
https://qiita.com/tomoyukilabs/items/81698edd5812ff6acb34

2
  • 回答ありがとうございます。 大雑把に言ってサーバー側の許可が必要で、クライアント側だけでは解決しないということですか。 クライアント側だけしか見ていませんでした。
    – Jogenara
    2018年6月29日 8:19
  • はいそのとおりです。セキュリティ設定などで仕方ないですね。 2018年6月29日 8:29

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。