是什么导致用户在提交表单时转到新页面，可以在 JavaScript 中完成吗？

Question

您在表单上提供action 和method 属性，然后在提交时，它使用action 中指定的URL 完成HTTP method。最终结果将用户带到一个新页面，该页面由服务器返回以响应对该目标 URL 的 POST（或其他）。

什么导致这个重定向？它是 HTML 表单元素如何工作的固有属性，还是只是 HTTP 响应中的重定向标头？

我正在尝试使用 ajax POST 重现该效果，无需只需手动编写一行 JS 来进行重定向~我希望它自动发生，同样的方式。

提交表单与访问 url www.myHostDomain.com/mySpecifiedFormAction?myFirstFormField=myFirstFormValue&mySecondFormField=mySecondFormValue 基本相同吗？

这不可能，因为浏览器栏总是一个 GET 请求。

Answer 1

Form 的 action 属性起到导航 URL 的作用，也就是“plan to navigate”。 target 属性定义加载服务器返回的响应的位置。

是的，这是“HTML 表单元素如何工作的内在属性”。

处理表单提交的算法在 HTML4 和HTML5 forms 规范中定义。

提交表单本质上是一个普通的 URL 导航（通过 <a href> 元素），但会自动收集参数，这些参数可以作为参数 (<form method="get">) 或作为请求正文参数 (<form method="post">) 进入最终导航 URL。