MENU
CLOSE
システム Edit : 2019.03.08 Update : 2024.11.07

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

東京・吉祥寺でKOHIMOTO Inc.というWebサイト制作の会社をやっているエンジニアとデザイナーが、発信を通して成長していくためのラボ🧪 IT企業出身。サイト制作を通じて微力ながら社会が良くなる手助けをしたいと思っている。