jquery - フォーム送信イベントと送信入力クリック イベントの違いは何ですか?

Question

という名前のフォームにform1は、 という名前の送信ボタンがありますbutton1。

$("#form1").submit()と はどう違い$("#button1").click()ますか？

Answer 1

あなたの場合、違いはありません。

submit イベントは、ユーザーがフォームを送信しようとしたときに要素に送信されます。<form>要素にのみアタッチできます。<input type="submit">明示的な、 <input type="image">、またはをクリックするか<button type="submit">、特定のフォーム要素にフォーカスがあるときに Enter キーを押すと、フォームを送信できます。

.submit()ドキュメントから。

を使用$("#form1").submit()すると、ページに送信ボタンがなくてもフォームを送信できます。

Answer 2

HTML コードを確認すると、次のような内容が表示されます<form .... action="abcd.html">。アクション タグは、html ページである場合とそうでない場合があり、.php、.aspx、または単に URL である可能性があります。$("#form1").submit()このページ/URLにデータを投稿し、そのページがデータを処理します。

$("#form1").submit()フォームのアクションタグのURLにフォームのデータを投稿し$("#button1").click()、クリックイベントをトリガーするだけです。

Answer 3

$("#form1").submit() は、フォーム全体をサーブレットなどに送信します。 $("#button1").click() は、javascript の関数を呼び出したり、送信するなどの処理に使用できます。フォーム。

Answer 4

$("#form1").submit()サーバーにデータを送信するだけで、$("#button1").click()ボタンのクリックイベントを発生させ、サーバーにデータを送信しません。

PS: ボタン タイプが送信の場合、データはすぐにサーバーに送信されます。