Formフォームは、ページジャンプを行わずにfieldの値のみをコミットします.
1085 ワード
html仕様によると、一般的なformの書き方は以下の通りです.
submitボタンをクリックしたり、直接車に戻ったりしてoperation.htmlページにデータを提出できますが、submit後もoperation.htmlページにジャンプします.
operation.html(formのactionが指す)ページにデータをコミットしますが、ページはジャンプせず、現在のページを維持しますか?
このようなニーズは、一般的に非同期コミットが必要な場合に発生します.
jqueryのajaxSubmit関数およびformのonsubmit関数を使用して、次のようにします.
form jqueryで呼び出すidを追加し、submitの前に自分でフォームをコミットするonsubmit関数を追加します.
Operate対応関数は
<form action="operation.htm" method="post">
……
<input type="submit" value=" "/>
</form>
submitボタンをクリックしたり、直接車に戻ったりしてoperation.htmlページにデータを提出できますが、submit後もoperation.htmlページにジャンプします.
operation.html(formのactionが指す)ページにデータをコミットしますが、ページはジャンプせず、現在のページを維持しますか?
このようなニーズは、一般的に非同期コミットが必要な場合に発生します.
jqueryのajaxSubmit関数およびformのonsubmit関数を使用して、次のようにします.
<form id="submitForm" action="operation.htm" method="post" onsubmit="return operate();">
<input type="submit" value=" "/>
</form>
form jqueryで呼び出すidを追加し、submitの前に自分でフォームをコミットするonsubmit関数を追加します.
Operate対応関数は
function operate() {
// jquery
$("#submitForm").ajaxSubmit(function(message) {
// ,message operation.htm
});
return false; // false, ,
}