ページ 1 ／ 1
ページを移動させずにフォームからデータ送信する方法
Posted: 2011年1月21日(金) 20:27
by Ciel
何度もすいません。シエルです。
フォームからデータを送信(POST)する際に、
フォームのaction属性に実行するためのphpファイルを指定すると思うのですが、
これを指定すると、そのページにジャンプしてしまいますよね？
これをページをジャンプさせずにデータを送信して、実行させる方法を教えていただきたいのですが、
可能でしょうか？
よろしくお願いいたします。
コード:
<form action="keijiban.php" method="POST" id="writespace">
名前
<input type="text" size="20" maxlength="20" name="namae">
</form>
Re: ページを移動させずにフォームからデータ送信する方法
Posted: 2011年1月21日(金) 22:01
by 御津凪
簡単な方法であれば、 submit ボタンの onclick イベントでajaxを使ったpostリクエストを送信して onclick イベントを false で返せば移動せずにできます。
JavaScript を使わずに推移することは（HTMLの記述のみでは）出来ません。
なお、フォーム部分をインラインフレームで表示すれば、擬似的にではありますが可能です。
Re: ページを移動させずにフォームからデータ送信する方法
Posted: 2011年1月21日(金) 22:38
by Ciel
御津凪さんありがとうございます。
実はページの一部分のみだけ更新したかったんですが、
PHPだけでは厳しかったんですね。
JavaScript使って頑張ります！
ありがとうございました！
Re: ページを移動させずにフォームからデータ送信する方法
Posted: 2011年1月22日(土) 19:18
by Ciel
jqueryのajaxメソッドとjavascript標準のXMLHTTPREQUESTを使って、POST送信実装できました！
ありがとうございました！