MENU
CLOSE
システム Edit : 2019.03.08 Update : 2024.11.07
ajaxによるクロスドメインへの値受け渡しでエラー

ajaxによるクロスドメインへの値受け渡しでエラー

・Monacaを使用したアプリ制作
・アプリ側index.htmlからphpを使った外部サーバへのajaxでの値受け渡し
上記のような連携テストを行っているときに、クロスドメインによる以下のようなエラーがでて、通信に失敗しました。
Access to XMLHttpRequest at ‘https://kohimoto.sakura.ne.jp/test.php’ from origin ‘https://c-ff656a0ab062893d52f5702cec7efa–507299520-8080.monaca-app.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
対応したことは2つです。

php側に以下のクロスドメインを許可するヘッダーの追加

とりあえず、値を受けとったら、「1」を返すことにしています。

値の受け渡し先(php側)のurlをSSLにする

SSLに設定されていないサーバに値を送ろうとした際、クロスドメインとは別に下記のようなエラーがでたので、SSL設定します。
Mixed Content: The page at ‘https://console.monaca.mobi/’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://〇〇.co.jp/test.php’. This request has been blocked; the content must be served over HTTPS.
通信成功の場合、「1」をalertします。

KOHIMOTO LABO

WebプロダウションKOHIMOTO Inc.が発信を通して成長していくためのラボ🧪 IT企業出身。世界中の人へ発信できるWebサイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。