javascript - jQueryでフォームを非同期に送信するには、どのイベントを使用する必要がありますか？

Question

最近、PHPAPIにデータを送信するためにjQuery/AJAXを使い始めました。

現在私が使用しているのは、htmlのinput type = "button"と、それを送信するための.click（）jQuery関数です。

それが最善の方法かどうかはわかりませんが、代わりに、preventDefault（）でinput type = "submit"を使用する必要がありますか？

Answer 1

送信ボタンでは.submit()なく、フォームで使用することをお勧めします。.click()ただし、どちらの場合preventDefaultも必要です。その理由は、ユーザーがEnterフィールドの編集中に押すことでフォームを送信でき、ボタンの.clickイベントをサブスクライブした場合、このイベントは発生しないためです。

Answer 2

を使用できます。実際のフォーム送信を防ぎ、独自の操作を行うには、コールバックに.submit()挿入する必要があります。return false;

$('#target').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

Answer 3

送信は、jqueryを介した特定のイベントに限定されません。クリックや、自分や他の人が書いたカスタマイズされたメソッド/関数などのイベントを使用して、ホバーなどのユーザーの行動に応じてajaxリクエストを送信できます。jquery ajaxの使い方は、想像力と実践によって制限されます。