Spring MVCのフォームのための簡単な自動保存
-
05-09-2019 - |
質問
私は春のMVCで行う1つのページのフォームを持っています。ユーザーは、最初に登録する必要がありますし、私は、ユーザーがそれを完成させるために、後で来ることができるように、フォームが自動的に保存されるようにしたいと思います。タイマー付きの伝統的なフォームの送信は、私が探しているものではありません。代わりに、私はそれぞれのonFocusイベントでサーバーにフィールドを送信するために、いくつかのajaxy方法を使用することを計画しています。
このアプローチの実装やコメントの任意の提案ですか?
解決
私は最近、同じことをしました。私はjQueryのを使用して、フォームの送信を行うために彼らの「AJAX」機能と一緒に彼らの「シリアル化」機能を使用していました。私の場合は、イベント駆動型のアプローチを使用するのではなく、私は単純に変数に直列化されたフォームを保存し、新たに連載形式は、以前に保存したものとは異なっていたかどうかを確認するために1分間に1回チェックします。
他のヒント
あなたもチェックすることができます XTのAjaxフレームワークの
私は http://docs.jquery.com/Ajax/serializeするを使用して、これを解きますJacobMが示唆したように。直列化された形式は、その後、タイマーによってトリガーAjaxのポストとして送信されます。
Spring MVCのでは、私はAbstractControllerを拡張する非常に基本的なコントローラを作成し、リクエストから、私のフィールドを抽出します。
のJSスクリプトの下には、これまでのフィールドの変更を形成する際に、AJAX呼び出しを行うのに役立ちます。
<script>
$(document).ready($('.form-control').change(function() {
$.ajax({
type : "post",
url : "http://localhost:8521/SpringExamples/autosave/save.htm",
cache : false,
data : $('#employeeForm').serialize(),
success : function(response) {
var obj = JSON.parse(response);
$("#alert").text(JSON.stringify(obj));
$("#alert").addClass("alert-success");
},
error : function() {
alert('Error while request..');
}
});
}));
</script>
所属していません StackOverflow