javascriptについて教えてください。
submitボタン押下時に動作するよう記述しているのですがうまく動作しません。
$(function(){
$("#submitBtn").click(function(){
$.post(
"./test.php",
{},
function(data){
$("#result_box").html(data);
});
});
});
test.phpはechoでHelloWorldを返すだけです。
動作確認のために上記のような記述になっていますが、もともとはフォーム入力項目をPHP側で処理をさせ、result_boxへ出力させる処理です。
上記はSubmitBtnをクリックするように記述していると動作しませんが、("#submitBtn").clickを削除すると読み込み時にHelloWorldが表示されます。
もし原因がわかるようでしたら教えていただけると助かります。
（ケアレスミスのような気もしていますが）
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
rikuba
満足60pt
#submitBtnはinput type="submit"なボタンで、それはform要素の子孫でしょうか。
もしそうであれば、submitボタンのclickイベントではなく、form要素のsubmitイベントにリスナを登録し、イベントのデフォルトアクション（action先への移動）を無効にすれば（jQueryであればリスナ内でreturn false;）よいと思います。
<script> $(function(){ $("#regist").submit(function(){ $.post( './test.php', {}, function(data){ $("#result_box").html(data); }); return false; }); }); </script> </head> <body> <form action="test.php" id="regist"> <input type="submit" id="submitBtn"> </form> <div id="result_box"></div>
// HTMLや使っているライブラリに関しての情報も併記してもらえれば答えやすいです。
-
tmshare
-
tmshareその他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2010-12-06 20:18:58
- 終了日時
- 2010-12-06 21:51:53
- 回答条件
- 回答にURL必須 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
小池百合子氏 落選運動を郷原弁護士が始めた様です。 https://www.youtube.com/watch?v=J7wU8_3ZBho ➡ク…
匿名質問者
2
1
1
-
写真を加工するアプリで加工した写真にそのアプリのロゴが入っていて気づかずTシャツなどにして売ると商品…
decunli11
-
幻想交響曲のライブ録音は拍手があったほうがいいですかなかった方が良いですか …
山田生活
-
交響曲のライブ録音ではあ？ てゆうくらいの雑音が収録されているcd教えて下さい…山田生活1
-
今、ネットの友達とアニメを作っています。 その際に登場するキャラクターに音声を入れたいのですが、さす…匿名質問者1
ブラウザは一応ChromeとFirefoxで試していましたが同様でした。
上記のとおりreturn falseを記述したら解決しました。