Formフォームは、ページジャンプを行わずにfieldの値のみをコミットします.

1085 ワード

html仕様によると、一般的なformの書き方は以下の通りです.
<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,               ,      
}