1. ホーム
  2. javascript

[解決済み] クロスオリジンリクエストはHTTPのみ対応で、クロスドメインには対応していません。

2023-03-16 17:29:52

質問

私はこのコードを使ってAJAXリクエストをしています。

$("#userBarSignup").click(function(){
    $.get("C:/xampp/htdocs/webname/resources/templates/signup.php",
        {/*params*/},
        function(response){
            $("#signup").html("TEST");
            $("#signup").html(response);
        },
        "html");

しかし、Google ChromeのJavaScriptコンソールからは、このエラーが出続けています。

XMLHttpRequestを読み込むことができません file:///C:/xampp/htdocs/webname/resources/templates/signup.php.XMLHttpRequest を読み込めません。クロス originリクエストはHTTPのみサポートされています。

この問題は signup.php ファイルは私のローカル Web サーバーでホストされており、そこからすべての Web サイトが実行されるため、クロスドメインではありません。

どうすればこの問題を解決できますか。

どのように解決するのですか?

ファイルへのgetリクエストではなく、実際にWebサーバを起動し、そのサーバ上のURIに対してgetリクエストを行う必要があります(例:行を変更する)。

    $.get("C:/xampp/htdocs/webname/resources/templates/signup.php",

のような読み方になります。

    $.get("http://localhost/resources/templates/signup.php",

で、最初のリクエストページもhttpで作られる必要があります。