如何让浏览器记住Ajax提交时自动完成的表单值？

Question

我创建了一个表单，该表单在提交时会对提交进行ajax调用。这不是标准表单提交。如何使浏览器记住表单数据（而不仅仅是用户名和密码）以进行自动完成？我尝试将表单提交到隐藏的iframe，但仅适用于chrome。是否有可以在所有浏览器上使用的解决方案或解决方法。

Answer 1

我终于找到了解决这个问题的办法。

submit基本上，当表单上的事件被触发时，浏览器会存储输入值。

您需要做的就是通过调用该event.preventDefault()函数来阻止页面重新加载，并使用 Javascript 处理其余部分。

这是一个基本示例： https: //codesandbox.io/s/phnsn

<form name="jsForm">
    <input type="text" name="search" autocomplete="search" />
    <button type="submit">Search</button>
</form>

<script>
    document.jsForm.addEventListener("submit", function(event) {
        event.preventDefault();

        // Handle Ajax call here
    });
</script>

请记住，如果您在提交按钮上添加了单击事件，您仍然需要以编程方式触发该submit事件。所以最好使用提交类型的按钮。