Javascript 更改表单的任何值时保存表单

这就是我当前每2分钟保存表单的方式。我想增加它，以更频繁地保存，甚至更好地保存，如果它每2分钟保存一次，以及在用户完成任何更改后立即保存

我的表单主要包含-Radio、Textarea表单元素，但如果它跟踪所有元素（如果不是大多数的话），那就太好了

我该怎么做呢

<script>
    window.setInterval(saveForm, (1000*60*2));  // 1000 millisecons = 1 sec

function saveForm()
{
    var actionurl = document.getElementById("myform").action;
    var postdata = $('#myform').serializeArray();
    $.ajax({
      method: "POST",
      url: actionurl,
      data: postdata
     }).done(function( msg ) {});

}
</script>

window.setInterval（存储格式，（1000*60*2））；//1000毫秒=1秒
函数saveForm（）
{
var actionurl=document.getElementById（“myform”）.action；
var postdata=$（'#myform'）.serializeArray（）；
$.ajax({
方法：“张贴”，
url:actionurl，
数据：postdata
}).done（函数（msg）{}）；
}

HTML

1.这是新评估的第一个声明。


强烈同意


同意


犹豫不决


1.这是新评估的第二个声明。


强烈同意


同意


犹豫不决

正如其他评论所建议的那样，您的最佳选择是聆听表单中任何输入元素触发的

输入

和

更改

事件。只需将此事件侦听器绑定到

saveForm

即可：

// Save form every 2 minutes
window.setInterval(saveForm, 1000 * 60 * 2);

// Listen to input or change events to save form
// Might want to throttle your callback here
$('#myform :input').on('change input', saveForm);

function saveForm() {
  // The rest of your logic
}

同时侦听

输入

和

更改

事件的原因是因为浏览器兼容性：

缺点是这会导致异常频繁地触发

saveForm

，因此改进的版本将限制

input

/

change

事件触发的回调，以便它不会过度触发。这可以通过以下方式完成：

---

上面的代码将取消更改和输入事件的公告，因此表单数据仅每秒发送一次。要确定去盎司或节流是否更适合您，请查看这个非常酷的可视化视图：

有很多方法可以实现您想要实现的目标。我认为一个好的解决方案是，添加eventlistener，当用户与表单交互时，它将在表单上触发

有了它，您可以使用

setTiemout

和

clearTiemout

对文本区域使用

keyup

，对表单的其余部分使用

单击

，这将设置保存功能的超时1秒。如果用户在函数运行之前触发其他事件，则超时将被清除并重置

希望这有帮助：）

函数存储格式（）
{
console.log（'Save'）；
var actionurl=document.getElementById（“myform”）.action；
var postdata=$（'#myform'）.serializeArray（）；
$.ajax({
方法：“张贴”，
url:actionurl，
数据：postdata
}).done（函数（msg）{}）；
清除超时（inter）；
}
var inter=setTimeout（存储格式，（1000））；
var form=document.getElementById（'myform'）；
form.addEventListener（'click'，function（）{
清除超时（inter）；
inter=setTimeout（存储格式，（1000））；
});
form.addEventListener（'keyup'，function（）{
清除超时（inter）；
inter=setTimeout（存储格式，（1000））；
});

1.这是新评估的第一个声明。


强烈同意


同意


犹豫不决


你能添加一个测试表单吗？

$（“#myform”）。在（“输入”，saveForm）+这将帮助你理解。在（'input'）建议以及其他实现方法@GerardoBLANCO我已经在上面添加了我的表单。在每个

k
// Save form every 2 minutes
window.setInterval(saveForm, 1000 * 60 * 2);

// Listen to input or change events to save form
// Might want to throttle your callback here
$('#myform :input').on('change input', saveForm);

function saveForm() {
  // The rest of your logic
}

// Listen to input or blur events to save form
// Only fire once every 250ms
$('#myform :input').on('change input', $.debounce(saveForm, 1000));