Ajax提交后清除表单重置缓存

时间:2016-04-26 17:25:22

标签: javascript jquery ajax forms

我的表格有两个按钮:取消和提交。

取消仅调用reset()功能。 使用Ajax提交调用外部脚本,在成功调用Ajax之后,它会显示保存值的消息。

如果我在成功提交后按取消,则值将重置为提交前的值。如何保留新值?

提前致谢。

1 个答案:

答案 0 :(得分:1)

例如,您有两个字段

名字和姓氏。

然后是javascript代码,

var firstName="", lastName="";

// call this function on cancel button
function resetForm(){
      document.getElementById("firstName").value = firstName;
      document.getElementById("lastName").value = lastName;
}

// in ajax success
...

    firstName = document.getElementById("firstName").value;
    lastName= document.getElementById("lastName").value;
...

您可以使用对象或数组来存储表单值,而不是单独的变量firstName,lastName等。