一旦用户点击模态弹出按钮就发送一封电子邮件

Question

我正在开发 MVC 应用程序。我希望它在用户按下报告问题按钮时发送一封电子邮件，然后打开一个模式弹出窗口，显示一条消息，说明已报告问题。 模式打开得很好，但一旦用户按下按钮，它就不会发送电子邮件。 这是我的一些代码片段。

Home.cshtml

@using (Html.BeginForm("Warning", "Home", FormMethod.Post))
                        {
                            <form>
                                <input type="submit" value="Report Accident" name="submit" class="btn btn-primary" data-toggle="modal" data-target="#myModal" style="text-align:center; width: 300px" />

                                <!-- Modal -->
                                <div class="modal fade" id="myModal" role="dialog">
                                    <div class="modal-dialog   modal-lg">

                                        <!-- Modal content-->
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                <h4 class="modal-title" style="text-align:center">Reporte</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div id="popup">
                                                    
                                                    <p style="text-align:center">The responsible has been notified.</p><br />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        }
                    </td>
                    <td>
                        <form>
                            <input type="submit" value="Confirm change" name="submit" style="text-align:center; width: 200px">
                        </form>
                    </td>
                </tr>

Controller

[HttpPost]
        public ActionResult Warning(WorkOrderProcess wop, ConfirmChange changes, string submit)
        {
            // If button clicked, set to true
            // Response.Write(submit);
            switch (submit)
            {
                case "Confirm change":
                    //wop.ConfirmChangeId = true;
                    ConfirmChange newChanges = new ConfirmChange
                    {
                        Confirmation = true,
                        Date = DateTime.Today
                    };
                    db.ConfirmChanges.Add(newChanges);
                    db.SaveChanges();
                    break;

                case "Report Accident":
                    try
                    {
                        SendEmail();
                    }
                    catch (DataException)
                    {
                        ViewBag.Message("", "There has been some sort of error");
                    }
                    break;
            }
            return View("Home");
        }

这些是脚本

<script>
            $('#showPop').click(function () {
                 var url = '@Url.Action("GetPartialView", "Default")';
                $.ajax({
                    url: url,
                    type: 'post',
                    data: { "para": $("#Text1").val()},
                    success: function (data) {
                        $('#popup').html(data);
                    }
                });
            })

$('#submitModal').click(function () {
            var url = '@Url.Action("GetData", "Default")';
            $.ajax({
                url: url,
                type: 'post',
                data: { "data": $("input[name='data']").val() },
                success: function () {
                    $("#Text1").val("");
                    alert("pass successfully!");

                }
            });
        });
    </script>

我读过其他人使用 Javascript 完成它，但我不了解该语言。 当我使用一个简单的输入按钮时，电子邮件发送没有问题。当它通过弹出按钮完成时，它不会发送电子邮件。