[解決済み] クロスオリジンリクエストは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で作られる必要があります。
関連
-
[解決済み] ローカルファイルの読み込み時に "Cross origin requests are only supported for HTTP." というエラーが発生する。
-
[解決済み] JSのDateからDay名
-
[解決済み] 配列からオブジェクトを生成する
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] javascriptで2つの数値を連結する方法は?
-
[解決済み] JavaScriptで、ある文字列が別の文字列の中に出現するすべてのインデックスを見つけるにはどうすればよいですか?
-
[解決済み] 無効になっている入力フィールドの値を送信する
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] javascriptのキャンバスで画像をリサイズする (スムーズ)
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ローカルファイルの読み込み時に "Cross origin requests are only supported for HTTP." というエラーが発生する。
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] 文字列のn番目の出現箇所を取得するには?
-
[解決済み] アサインの左側にJavascriptのオブジェクトブラケット表記({ ナビゲーション } =)があります。
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] JavaScriptで文字列を数値に変換する最速の方法は何ですか?
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] 各オブジェクトに?重複
-
[解決済み] リダイレクトされずにHTMLフォームを送信する方法