はじめまして。こちらのカテゴリに質問投稿するのは初めてです。
投稿カテゴリが適切かどうかさえも不明ですが、お知恵を拝借したく投稿させて頂きます。
表題の通りですが、SNSなどに多く使われている、コメントを投稿する際、ページを遷移することなくフォームのデータを送信し、そのデータをMySQLに登録するとった流れを考えています。
http://shun-ichiro.com/log/reminder/php-jquery-a …
上記サイトは、フォーム上のデータではなく、ボタンを押した際に決まったデータをDB内に登録する者ですが、データ処理という意味での流れは理想に近く、上記サイトでサンプルとして配布されているものをテストしているのですが、このページ上にテキストフォームなどを加えた場合の処理が、お恥ずかしながら一向に見えてこないのが現状です。
上記ページを例にした場合、テキストフォームを設置し、そのデータをDBに登録するための、post.js はどのようなスクリプトとなるのでしょうか?
PHPはこれまで触ってきましたが、Ajax?Javascript?を触るのは初めてといっていい程で、色々と調べながら今日まで来ましたが、適切なキーワードさえも不明で、欲する情報になかなか辿り受けない状況です。(もうかれこれ1週間以上思考錯誤しています・・汗)
お忙しいなか恐縮ですが、アドバイスのほど宜しくお願い致します。
No.3ベストアンサー
- 回答日時:
>No.2お礼
>今回の質問時、サンプルとして提示させて頂いたのは、index.html、post.js、post.phpの3つのファイルから構成されていますが、今回ご提示頂いたスクリプトは、index.htmlに全て記述し、post.jsは利用しない。という認識で宜しかったでしょうか?
どちらでもいいです。
作りやすい方法で作ってください。
>それと、テキストフォームにnema属性としてsomethingが与えられていますが、このフォームの値はどのようにして取得したら宜しいのでしょうか?
全部jQueryがやってくれます。
PHPの話であれば、通常の<form>送信と同じです。
talooさん
お忙しい中でのご回答をありがとうございます。
PHPのようにサーバ側で処理させることになれてしまうと、感覚的にも「慣れ」が必要ですね。
ありがとうございました。
No.2
- 回答日時:
失礼しました。
サンプルコードはフォームの内容を送信してるのではなく、引数固定で文字列を渡してますね。
<form action="post.php" id="ajaxpostform">
フォームフィールドを適宜。<input type="text" name="something">
<input type="submit" value="送信">
</form>
<script>
$(function(){
$('#ajaxpostform').submit(function(event){
$.post( this.action, {data: $( this ).serialize()}, function(json){alert("フォームをPOSTしました");});
event.preventDefault();
});
});//$
</script>
talooさん
早速のアドバイスありがとうございます。感謝いたします。
今回の質問時、サンプルとして提示させて頂いたのは、index.html、post.js、post.phpの3つのファイルから構成されていますが、今回ご提示頂いたスクリプトは、index.htmlに全て記述し、post.jsは利用しない。という認識で宜しかったでしょうか?
それと、テキストフォームにnema属性としてsomethingが与えられていますが、このフォームの値はどのようにして取得したら宜しいのでしょうか?
質問ばかりで恐縮ですが、ちゃんと理解したいと思う気持ちからの質問です。引続きアドバイスのほど頂戴出来たら幸いです。
No.1
- 回答日時:
紹介されている3行が全部です。
おおよそ想像されている長ったらしいJavaScriptコードは、jQueryというライブラリに全て書かれていますので、自分で書く必要はありません。
talooさん
はじめまして。早速の回答をありがとうございます。
>紹介されている3行が全部です
仰っているのは配布されている、post.jsのことかと思いますが、
サンプルはテキストフォームなどは一切なく、テキストフォームを設置した場合の
post.jsの記述法が判らず、質問させて頂きました。
例えば、html上に
<textarea name="sample" cols="20" rows="4"></textarea>
といったフォームを持った時のpost.js側の処理が判らないのです。
アドバイスのほど頂戴出来たら幸いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP PHPで入力フォームでデータを確認表示画面まで送る流れを日本語で理解したいのです。 1 2023/05/29 19:12
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- PHP ここで言うトークンの意味を教えてください。 3 2022/08/24 03:03
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- PHP $_SESSIONに渡した後はそのまま使っても問題ありませんか? 3 2022/11/08 22:17
- Visual Basic(VBA) ユーザーフォーム「frm_基本❶」を立ち上げると新規で入力する行数を右下のNoとして表示しています。 1 2023/03/16 19:02
- HTML・CSS htmlで画面遷移させたい 1 2022/10/28 18:19
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- SQL Server DBのテーブルの設計ができず困っています。 2 2023/06/29 16:43
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JQueryの変数の扱いで弱ってい...
-
Ajax・jQueryでGETとPOSTする方法
-
jQueryのblockUIをformのボタン...
-
ajaxからphpにpsotしたときの日...
-
jQueryを使いformでsubmitした...
-
JavascriptからPHPへのAjax通信...
-
jQuery,Ajaxでcgiに接続する方...
-
Selenium4でボタンをクリックで...
-
階層別の組織図の自動作成について
-
EUC-JPに対応しているjQueryを...
-
マスターページ使用時のJavascript
-
struts selectbox optionsColle...
-
Selenium Basicの件
-
Googleストリートビューの写真...
-
プルダウン内容に応じてラジオ...
-
繰り返し処理のシンプルな書き方
-
Google Apps Scriptを利用した...
-
セッション
-
jqueryについて、$("+dd",this)...
-
SQLのmaxで求めた値を変数に代...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavascriptからPHPへのAjax通信...
-
jQueryを使いformでsubmitした...
-
AjaxでJSONを受信すると、文字...
-
jQuery を外部ファイルから呼び...
-
jQueryのblockUIをformのボタン...
-
Ajaxでフォームデータを連続登...
-
jquery × php × mysql 非同期で...
-
jquery,ajaxによるphp通信でnull
-
Ajax サーバーに負荷かかります...
-
jQuery3 reset()が効かない。
-
ajaxでPHPにPOST送信して結果デ...
-
Ajaxを使った検索サイト作成
-
jQueryで外部テキストファイル...
-
Ajax・jQueryでGETとPOSTする方法
-
jqueryのloadを使って検索結果...
-
ajaxからphpにpsotしたときの日...
-
入力した文字をDBと照合させて...
-
ajax + PHPによるエラーの返し...
-
Javascriptを使ってQRコード読...
-
Selenium4でボタンをクリックで...
おすすめ情報