我不确定我是否正确理解了您的问题，但据我所知，您希望在提交表单时阻止页面刷新并访问表单数据。
您可以使用preventDefault（）方法来执行此操作：

e.preventDefault()

因此，假设您的表单如下所示：

<form action="" id="myForm" >
    <input type="text" name="firstName" id="firstName" />
    <input type="text" name="lastName" id="lastName" />
    <input type="submit" value="submit" />
</form>

因此，我们要做的第一件事是通过向表单添加一个事件侦听器来侦听表单提交：

const myForm = document.querySelector("#myForm");
myForm.addEventListener("submit", handleSubmit);

然后，我们需要声明函数handleSubmit，它将submition事件作为参数，并且我们希望阻止它的默认行为，即页面刷新：

function handleSubmit(event){
    event.preventDefault();

}

然后，访问数据的最简单方法是通过他们的ID，我们可以对他们做任何我们想做的事情：

function handleSubmit(event){
    event.preventDefault();

    const firstName = document.querySelector("#firstName").value;
    const lastName = document.querySelector("#lastName").value;

    const outputElement = document.querySelector("#outputElement");
    outputElement.textContent = "Hello " + firstName + lastName + ".";
}

我希望这就是你要找的：）