如何在Razor Pages中使用Ajax发布表单

// 在Razor Page中的HTML部分
<form id="myForm">
    <input type="text" name="name" />
    <input type="email" name="email" />
    <button type="submit" onclick="submitForm(event)">提交</button>
</form>

// 在Razor Page中的JavaScript部分
<script>
    function submitForm(event) {
        event.preventDefault(); // 阻止表单默认提交行为

        var form = document.getElementById("myForm");
        var formData = new FormData(form);

        fetch("/MyPage", {
            method: "POST",
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            // 处理服务器返回的JSON数据
            console.log(data);
        })
        .catch(error => {
            // 处理错误
            console.error(error);
        });
    }
</script>

// 在Razor Page中的处理程序部分
public class MyPageModel : PageModel
{
    public IActionResult OnPost()
    {
        string name = Request.Form["name"];
        string email = Request.Form["email"];

        // 执行所需的逻辑操作

        return new JsonResult(new { success = true, message = "表单提交成功" });
    }
}