ページjump_jqueryを使用せずにデータのみを送信するフォームの解決策

一般的なフォーム送信操作は、

コードをコピーします コードは次のとおりです:

....

送信ボタンをクリックするか Enter を直接押してデータをレポート保存ページに送信しますが、送信後もレポート保存ページにジャンプします

方法
saveReport (フォームのアクションが指す) ページにデータを送信しましたが、ページはジャンプしません。つまり、現在のページは変更されないままですか? ?
このニーズは、ページをロードするときに特に緊急です。

次のように、jquery の ajaxSubmit 関数とフォームの onsubmit 関数を使用して完了します。

コードをコピー コードは次のとおりです。

フォームは、jquery で呼び出すための ID を追加し、送信する前に送信するための onsubmit 関数を追加します。フォーム

saveReport の対応する関数は

コードをコピーします コードは次のとおりです:

function saveReport() {

// jquery フォーム送信
$("#showDataForm").ajaxSubmit(function(message) {
// フォーム送信成功後の処理用、メッセージは送信ページです saveReport.htm Return content

return false; // False を返す必要があります。そうでない場合は、フォームが再度送信され、ページがジャンプします。
}