Question

我创建了一个带有提交按钮和一些文本字段的表单。根据您在文本字段中键入的内容，页面应更改其外观，但会重新加载，所有更改都将恢复为默认值。

如何确定页面未重置？我只是在使用HTML，CSS和js。

Answer 1

表单重新加载页面-使用preventDefault停止重新加载，然后使用Fetch API进行POST：

form.onsubmit = e => {
  e.preventDefault();
  fetch("url", { method: "POST", body: formData });
};

Answer 2

听起来像您可能根本不打算做任何ajax。如果是这种情况，您可以在表单标签中添加onsubmit="return false"。

Answer 3

实际上最好的回答是Ajax调用。请参考以下链接。您不需要重新加载页面/在手动重新加载之前页面不会重新加载。