javascript - 避免使用 MVC 和 Jquery 调用 db 来重置值

Question

我正在使用 MVC4、jquery、ajax 和 json，我有任务

在注册表中，获取已经输入的数据进行编辑。我编辑了内容。然后我点击取消按钮，表单数据被重置为编辑之前的数据。

有什么方法可以避免 db 调用来重置值。？我听说 jquery 维护用于重置值的历史数据选项。

Answer 1

第一次进行数据库调用以获取值时.....将这些值作为 JSON 对象存储在客户端。当用户编辑数据时，这些对象将能够保持其状态，因此将保持不变。因此，在单击取消时，从存储在客户端的 JSON 对象中获取原始值。因此，在这种情况下，整个流程将在客户端，并且不会进行服务器调用。

Answer 2

我相信您可以checked使用 jQuery 使用通用方法来保存多个输入的当前值（和其他属性，例如 ），并使用另一种方法将值反转为该保存的值data：

function save() {
    $("input, textarea, select").each(function() {
        $(this).data("savedVal", $(this).val());
        $(this).data("savedChecked", $(this).prop("checked"));
    });
}

function reset() {
    $("input, textarea, select").each(function() {
        $(this).val($(this).data("savedVal"));
        $(this).prop("checked", $(this).data("savedChecked"));
    });
}

演示。不过，我建议将您的选择器限制为特定的形式，而不是捕获整个页面中的所有输入。