在ajax中保存后刷新表单数据


Refresh form data after saving in ajax

我有一个表单,上面显示了一些文本字段和两个按钮。第一个按钮为保存,第二个按钮为重置。我调用更新按钮上的一个函数,该函数使用..更新数据。。

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

此功能更新数据库中的数据,并在成功响应时发出成功消息。我按下重置按钮,旧数据会填充在表单中,但我希望所有表单字段中都有最新更新的数据。我该怎么做?

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

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

Fiddle演示:http://jsfiddle.net/muXHM/

另一个Fiddle演示:http://jsfiddle.net/muXHM/1/这一次,你可以更好地看到效果,因为我没有在输入更改时更新值,而是添加了一个保存按钮,你必须首先单击。要使用,请在第一个输入中键入一些值,点击重置,它会将值重置为"测试",在其中键入其他内容,然后先点击保存,然后再点击重置,然后它不会改变。。。再次在其中键入不同的内容,然后点击重置,现在它会将其重置为您保存的值。

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

如果您想将最新的数据从DB检索到表单字段,您需要为此执行ajax调用。

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

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

回调函数应该如下所示:函数(结果){//将结果求值为JSON对象$("input[name='myTextField']").val(result.anthe)}