質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

解決済

jQueryによるhttps同士のフォームデータ送信について

testcase
testcase

総合スコア18

HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

2回答

0リアクション

0クリップ

235閲覧

投稿2017/08/28 07:42

編集2017/08/28 08:12

いろいろとサイトを廻ってみたのですが、いまひとつ上手くいかなくて質問させていただきます。

同一ドメインのフォームのページ
https://example.com/a.php
から別ページ
https://example.com/b.php
にデータを転送したいと考えています。

a.phpは次の通りです。

javascript

<?php if (empty($_SERVER['HTTPS'])) { header("Location: https://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}"); exit; } ?> <?php header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>てすと</title> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <script type='text/javascript'> $(document).ready(function(){ $("#submit_bt").click(function(event){ event.preventDefault(); $("#ajax_result").empty(); form_input(); }); }); function form_input(){ var word_val0=$("#word_id0").val(); var word_val1=$("#word_id1").val(); $.ajax({ type: 'POST', url: 'b.php', data:{ word0:word_val0, word1:word_val1 }, dataType: 'html', }) .done(function(data, status, jqXHR){ $("#ajax_result").html(data); $button.attr('disabled', false); }) .fail(function(jqXHR, status, error){ $("#ajax_result").html("エラーです"); }) .always(function(jqXHR, status){ $("#ajax_result").html(status); }); } </script> </head> <body> <div align="center"> <h2>てすと</h2> <form name="form0" id="form0" method="post"> word0<br /> <input class="form-text" type="text" value="" name="word0" id="word_id0" accept-charset='utf-8' /><br /> word1<br /> <input class="form-text" type="text" value="" name="word1" id="word_id1" accept-charset='utf-8' /><br /> <input class="form-submit" type="submit" value="送信" id="submit_bt" onclick="document.charset='utf-8';" /> </form> </div> <div id="ajax_result"></div> </body> </html>

b.phpはデータの受け手の箇所を抜粋して掲載します。

javascript

<?php if (empty($_SERVER['HTTPS'])) { header("Location: https://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}"); exit; } ?> <?php header("Content-type:application/json; charset=utf8"); header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <title>受け手側</title> </head> <body> <?php $w0 = $_POST['word0']; $w1 = $_POST['word1']; $w0 = htmlspecialchars($w0, ENT_QUOTES, 'utf-8'); $w1 = htmlspecialchars($w1, ENT_QUOTES, 'utf-8');

http同士の処理であればなんとかできたのですが、
httpsにおけるクロスドメイン対応となると
様々なサイトを参照してみたのですがうまくいきませんでした。

お手数ですがご教授いただけますと幸いです。
よろしくお願いします。

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

mattn

2017/08/28 07:43

質問文がクロスドメインになっていません。
testcase

2017/08/28 07:51

コメントありがとうございます。クロスドメインについてはドメイン名だけでなくスキームが異なってもそのように扱うと伺っておりましたのでこのような文言にさせていただきました。差し支えなければどのように記述すればいいのかご教授願えませんでしょうか。よろしくお願いします。
kei344

2017/08/28 07:57

送受信とも「https://example.com」なのであれば、クロスドメインにあたらないと思います。また、「うまくできない」とは「何をしたときに」「どうなると思って」「どうなったのか」を、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。
testcase

2017/08/28 08:11

mattn様、kei344様ありがとうございます。ご指摘に従い確認しましたところ、jQueryが足を引っ張っておりました。すなわちCDNのスキームがhttpであるためにできなかったというオチです。CDNなので信用しきっていて見落としていたようです。ありがとうございました。
mattn

2017/08/28 08:19

既に BA 出ていますが、CDN の読み込みを <script src="//cdn.example.com/script.js"></script> の様にされると良いかと思います。
testcase

2017/08/28 08:29

ありがとうございます。早速そう致します。BA書きましたが、どちらかというと自分の戒めとして書いたつもりで皆様の中で評価をお送りしたいのですが、これはシステム上無理なのでしょうか?だとしたらせっかくのご助言に応えることができず申し訳ございません。
mattn

2017/08/28 08:32

特に BA が欲しいとかありませんので、後からググってこのページを見に来た人の為に testcase さんの回答に得た知識をお書きください。
testcase

2017/09/06 16:20

遅くなりましたが、ありがとうございます。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。