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

  
Twitter🌳🌼🌳🌼@_kohimoto_
Instagram🌳🌼@_kohimoto_

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA