如何在不重新加载页面的情况下提交asp.net核心剃刀页面表单

<!-- Razor页面 -->
<form id="myForm">
    <input type="text" name="name" />
    <input type="email" name="email" />
    <button type="button" onclick="submitForm()">提交</button>
</form>

<script>
    function submitForm() {
        var form = document.getElementById("myForm");
        var formData = new FormData(form);

        var xhr = new XMLHttpRequest();
        xhr.open("POST", "/Controller/Action", true);
        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xhr.onload = function () {
            if (xhr.status === 200) {
                // 请求成功，可以根据返回结果进行相应的处理
                console.log(xhr.responseText);
            } else {
                // 请求失败，可以进行错误处理
                console.error(xhr.statusText);
            }
        };
        xhr.onerror = function () {
            // 请求发生错误，可以进行错误处理
            console.error(xhr.statusText);
        };
        xhr.send(formData);
    }
</script>