ajax - 如何在 Ajax 更新后更新表单重置“基线状态”

Question

我有一个取消/重置的表格。更新是使用 Ajax 完成的。如果我提交（成功）更新，然后对复选框进行额外更改，然后选择取消（阅读：重置），重置会一直返回到原始值。请注意，数据库未更新（由于未提交），但显示的内容不准确且具有误导性。

如何更新表单的“基线状态”（？），以便取消/重置返回到新版本的表单值。

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);
});