javascript - 如何将半填的表单数据发送到服务器？

Question

我们有一个很长的表格需要用户填写，它有 10 个多项选择题。我们面临的一个问题是，用户填写了 4-5 个问题，然后就不再继续填写。

我们希望将部分填写的表单信息发送到服务器。

实现此目的的一种方法是在每个步骤中发送数据，即用户回答任何问题后立即发送数据。但这会导致 API 命中过多，并减慢客户端的填充过程。

是否有其他方法可以实现此目的，即通过使用 js unload 事件，或者我们可以在用户更改选项卡/关闭浏览器/或使用任何其他方法退出页面时在客户端检测到吗？

Answer 1

我一直对表单执行此操作，以捕获潜在的表单放弃情况。因此，每次输入字段出现模糊时，它都会检查频率并将表单数据作为帖子发送到处理程序，您可以在其中接收数据并在/abandoned/handler.php 文件中执行您需要的操作。

Javascript(确保首先初始化 JQuery):

function sendAbandoned() {
        var now = new Date();
        now = Math.floor(now / 1000);

        if ((now - lastUpdate) < 10) {
            // make sure doesn't send too many "updates"
            return false;
        }


        lastUpdate = now;
        var formArr=$("form[name='formName']").serializeArray();

        $.post('/path/to/abandoned/handler.php',
        formArr);
    }


    $("form[name='formName'] input").blur(function () {
        sendAbandoned();
    });