ajax - Ajax の更新後にフォーム リセットの「ベースライン状態」を更新する方法

Question

キャンセル/リセットのあるフォームがあります。更新はAjaxで行います。（成功した）更新を送信し、チェックボックスに追加の変更を加えてからキャンセル（読み取り：リセット）を選択すると、リセットは元の値に戻ります。DB は (送信していないため) 更新されていませんが、表示される内容は不正確で誤解を招くものです。

キャンセル/リセットがフォーム値の新しいバージョンに戻るように、フォームの「ベースライン状態」(?) を更新するにはどうすればよいですか。

Answer 1

追加の AJAX 呼び出しを実行して、データベースから現在の値を取得し、値をリセットします。ページの読み込み時とリセットがクリックされたときに同じルックアップを使用するようにアプリケーションを設計できます。

追加のオプションは、各フォーム フィールドのHTML5 データ属性に最後に保存された値を保存することです。リセットをクリックすると、データ属性に基づいて値を再入力できます。例えば。

<!-- HTML -->
<input type="text" name="firstName" id="firstName" value="jim" data-last-value="joe" />

/* JS - Do this on reset. */ 
$('[data-last-value]').each(function() {
    var lastValue = $(this).attr('data-last-value');  
    $(this).val(lastValue);
});