Html 如何使页面在表单提交时不跳转

我有一个包含大量内容的页面，后面是一个由php+html组成的表单

当用户点击submit时，我遇到的问题是页面突然向上滚动到页面顶部（到内容，而不是表单）

我想让页面停留在表单所在的位置，这样我就可以处理信息并显示我想要的任何内容（比如，带有确认信息的显示），而无需用户在按下提交按钮后向下滚动页面

---

对于常规链接，我通过制作锚定标签来解决这个问题，但我不确定如何使用提交按钮来处理这个问题…

您尝试过使用命名锚定吗

---

如果没有，这里是w3schools网站的描述：

您可能希望通过JavaScript通过异步调用（Ajax）提交表单，这样页面就不需要刷新

这是一个简单的示例（使用jQuery）：

---

注意，您需要使用jQuery——如果您不喜欢jQuery，可以将其作为一个例子，我只是告诉您这个想法--

我在链接上使用它，但是如何在提交按钮上使用它？可能是目前最不有用的建议——考虑制作Ajax窗体，然后您的页面不会在提交上重新加载，或者将您的表单设置在iFrAME中，这样容器页面就不会在SuMITNO上重新加载，这听起来对我很有帮助。

-----------------

Content stuff --> 2. jumps to here

Form
Submit button --> 1. press this button
-----------------

// this is the id of the submit button
$("#submitButtonId").click(function() {

    var url = "path/to/your/script.php"; // the script where you handle the form input.

    $.ajax({
           type: "POST",
           url: url,
           data: $("#idForm").serialize(), // serializes the form's elements.
           success: function(data)
           {
               alert(data); // show response from the php script.
           }
         });

    return false; // avoid to execute the actual submit of the form.
});