ページjump_jqueryを使用せずにデータのみを送信するフォームの解決策-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 17:22:08

オリジナル

1745 人が閲覧しました

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

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

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

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

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

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

saveReport の対応する関数は

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

function saveReport() {

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

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