MENU
CLOSE
APPSTUDYSYSTEMWEBSITE Edit : 2019.03.08 Update : 2023.01.17

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します。

Web Trends Lab.編集部

KOHIMOTO Inc.所属。トレンドやノウハウ中心にWebサイトを作るための知見を現場から発信していきます👀また、制作したWebサイトでの活用法や、最前線での施策を伺う企業へのインタビューも実施予定。