HTML 提交按钮与基于 AJAX 的帖子 (ASP.NET MVC)

html
<form id="postForm" action="/Post/Create" method="post">
    <label for="title">标题：</label>
    <input type="text" id="title" name="title" required>
    <label for="content">内容：</label>
    <textarea id="content" name="content" required></textarea>
    <input type="submit" value="提交">
</form>

html
<script src="https://code.jquery.com/jquery-3.6.4.min.JS"></script>
<script>
    $(document).ready(function () {
        $('#postForm').submit(function (event) {
            event.preventDefault(); // 阻止表单的默认提交行为
            // 获取表单数据
            var formData = $(this).serialize();
            // 发送Ajax请求
            $.Ajax({
                url: '/Post/Create',
                method: 'post',
                data: formData,
                success: function (response) {
                    // 处理成功响应
                    console.log(response);
                },
                error: function (error) {
                    // 处理错误响应
                    console.error(error);
                }
            });
        });
    });
</script>