使用 Ajax 提交时，表单未在控制器中触发操作

Question

我查看了有关如何编写代码的其他相关帖子，但我仍然无法使其正常工作

我正在尝试使用 Ajax 提交表单，但是当单击按钮时，控制器中的操作永远不会被触发。

$('#sendCodeForm').submit(function (e) {
            var form = $('sendCodeForm')[0]; 
            var formData = new FormData(form);                
            if ($(this).valid()) {
                e.preventDefault();
                $.ajax({
                    url: '@Url.Action("SendResetCode", "Home")',
                    type: 'post',
                    cache: false,
                    processData: false,
                    contentType: false,
                    data: formdata,
                    success: function (data) {
                        if (data.status == "success") {
                            $("#successMessage").append('Reset code has been sent to');
                        }
                    }
                });
            }
        });

<form id="sendCodeForm">
    <label for="email">EMAIL ADDRESS</label>
    <input asp-for="username" id="username" type="email" placeholder="your@email.com" /><br>
    <button type="submit" id="sendCodeBtn">Send Code</button>
</form>

我最初使用下面的 Ajax 标签助手创建了表单，但由于现在能够停止表单重定向，我不得不更改为在 javascript 中使用 Ajax

<form asp-controller="" asp-action="" method="post" data-ajax="true" data- 
ajax-method="post" data-ajax-complete="completed">

Answer 1

您可以尝试如下更改您的代码：

            $('#sendCodeForm').submit( function (e) {
                e.preventDefault();
                var formData = new FormData($('#sendCodeForm')[0]);              
                    $.ajax({
                        url: '@Url.Action("SendResetCode", "Home")',
                        type: 'post',
                        cache: false,
                        processData: false,
                        contentType: false,
                        data: formData,
                        success: function (data) {
                            if (data.status == "success") {
                                $("#successMessage").append('Reset code has been sent to');
                            }
                        }
                    });               
            });

结果：