Q&A
htmlで分からないことがあるので質問させてください。
例えばa.html内のformのinput type="text"に入力された文字列をb.htmlのbodyの中に表示させたいのですがjqueryやAjax通信を使ってやりたいのですがどのようにコードを書いてよいのか調べてもよくわかりません。わかる方教えていただけると助かりますm(__)m
html
1 2a.html 3 4<form id="form1" action="b.html" method="post" > 5名前：<input type="text" id=" name="name" > 6<input type="submit" value="送信"> 7 8b.html 9 10<body> 11a.htmlのformのテキストボックスに入力された名前表示 12</body> 13 14
回答2件
0
a.htmlからb.htmlにpostするのですからサーバーサイドで処理してください
投稿2016/11/01 11:16
総合スコア114767
0
質問されている処理はページ遷移をともなう処理となり、jqueryやAjax通信で行う事ではありません。
たとえばb.htmlのページを開いている状態で、ページ遷移をせず、データベースにある値を取得して、b.htmlのbodyの表示させる等の処理はajax通信やjqueryの得意とするところ、またまさにそういう時に使うものです。
しかし今回のは
（質問ではb.htmlが表示されている状態）＝（a.htmlは表示されていない）＝b.htmlからajax通信しても肝心のa.htmlのテキストボックスに何が入力されているかなんてわかりません。
こういった処理は通常
a.htmlのからGET、もしくはPOSTでb.htmlへ対してform1の値を送り、b.html側でphp等のプログラムで取得し、b.htmlに表示するというのが普通です。
a.html
html
1<form id="form1" action="b.html" method="post" > 2名前：<input type="text" id=" name="name" > 3<input type="submit" value="送信"> 4</form>
b.html
html
1<?php 2 $name = $_POST['name']; 3?> 4 5<body> 6<?php echo($name); ?> 7</body>
のような書方、質問についているタグが、javascript,ｊｑｕｅｒｙ,html5ですので、phpを交えた回答は本来するべきでないかもしれません、しつもんされている内容はこういう感じになります。
投稿2016/11/01 13:33
編集2016/11/01 13:35
総合スコア1689
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。