Question

我有一个表单，其中显示了一些文本字段和两个按钮。第一个按钮是保存，第二个按钮被重置。我在更新按钮上调用一个函数，使用..来更新数据。

$.ajax({
         url:"url",
         data:something
        and so on...});

此功能更新数据库中的数据，并在成功响应时提醒成功消息。我点击了重置按钮，旧数据填写在表单中，但我想要所有表单字段中的最新更新数据。我怎么能这样做？

Answer 1

您可以使用：
$("#element").prop("defaultValue", "new value");

Answer 2

更新输入的value属性，当单击重置按钮时，它会将这些表单输入重置为新值，而不是默认值。

$('input').change(function() {
   $(this).attr('value', $(this).val());
});

小提琴演示：http://jsfiddle.net/muXHM/

另一个小提琴演示 :: http://jsfiddle.net/muXHM/1/ 这个你可以更好地看到效果，而不是更新输入更改的值，我添加了一个你必须先点击保存按钮。要使用，在第一个输入中键入一些值，点击重置，它会将值重置为'test'，在那里输入其他内容并点击先保存然后重置然后它不会改变...键入不同的内容再次点击重置，现在将其重置为您保存的值。

Answer 3

如果您想将从数据库中检索到的最新数据保存到表单字段中，则需要对其进行ajax调用。

您可以在更新数据库中的数据后返回JSON对象，并修改回调函数中的文本字段值。

或者您可以为重置按钮创建一个onclick事件处理程序，并使用$ .get（）检索数据库中的最新数据，然后修改回调函数中表单文本字段的值。

回调函数应如下所示： function（result）{ //将结果作为JSON对象进行评估 $（ “输入[名称= 'myTextField将']”）。VAL（result.whatever） }

保存在ajax后刷新表单数据

3 个答案: