ページを移動させずにフォームからデータ送信する方法

PHPについてのコミュニティです。

Web言語の一種で、perlに並ぶ有名な言語です。
あの某有名動画サイトや、某SNSサイトでもPHPが使われています。
そんなPHPに少しでも可能性を見た人達が、とりあえず参加だけでもしておこうとうコミュニティです。
返信
アバター
Ciel
記事: 252
登録日時: 8年前

ページを移動させずにフォームからデータ送信する方法

#1

投稿記事 by Ciel » 8年前

何度もすいません。シエルです。

フォームからデータを送信(POST)する際に、
フォームのaction属性に実行するためのphpファイルを指定すると思うのですが、
これを指定すると、そのページにジャンプしてしまいますよね?

これをページをジャンプさせずにデータを送信して、実行させる方法を教えていただきたいのですが、
可能でしょうか?

よろしくお願いいたします。

コード:

<form action="keijiban.php" method="POST" id="writespace">
名前
<input type="text" size="20" maxlength="20" name="namae">
</form>
oui C'est la Vie♪

アバター
御津凪
管理人
記事: 200
登録日時: 8年前
住所: 道内
連絡を取る:

Re: ページを移動させずにフォームからデータ送信する方法

#2

投稿記事 by 御津凪 » 8年前

簡単な方法であれば、 submit ボタンの onclick イベントでajaxを使ったpostリクエストを送信して onclick イベントを false で返せば移動せずにできます。

JavaScript を使わずに推移することは(HTMLの記述のみでは)出来ません

なお、フォーム部分をインラインフレームで表示すれば、擬似的にではありますが可能です。
This article was written by "Mitsunagi".

アバター
Ciel
記事: 252
登録日時: 8年前

Re: ページを移動させずにフォームからデータ送信する方法

#3

投稿記事 by Ciel » 8年前

御津凪さんありがとうございます。

実はページの一部分のみだけ更新したかったんですが、
PHPだけでは厳しかったんですね。

JavaScript使って頑張ります!

ありがとうございました!
oui C'est la Vie♪

アバター
Ciel
記事: 252
登録日時: 8年前

Re: ページを移動させずにフォームからデータ送信する方法

#4

投稿記事 by Ciel » 8年前

jqueryのajaxメソッドとjavascript標準のXMLHTTPREQUESTを使って、POST送信実装できました!
ありがとうございました!
oui C'est la Vie♪

返信

“PHPに可能性を無限大” へ戻る