C# 从联系人表格到发送电子邮件MVC5

C# 从联系人表格到发送电子邮件MVC5,c#,model-view-controller,C#,Model View Controller,我有一些联系形式,我在一个HomeController方法SendMessage,在我的形式我也有隐藏的成功和错误div。 如何调用sendmessage,但要保持在同一页面上?正如Igor所评论的,使用ajax调用来点击您的控制器/方法。 以下是一个例子- <script> $(function () { $('#sendMail').click(function () { $("#sendMail").empty();

我有一些联系形式,我在一个HomeController方法SendMessage,在我的形式我也有隐藏的成功和错误div。
如何调用sendmessage,但要保持在同一页面上?

正如Igor所评论的,使用ajax调用来点击您的控制器/方法。 以下是一个例子-

<script>
    $(function () {
        $('#sendMail').click(function () {
            $("#sendMail").empty();
            $("#sendMail").attr("disabled", true);
            $("#sendMail").append('<i class="fa fa-spinner fa-spin"></i>Please wait...');
            $.ajax
            ({
                url: '@Url.Action("SendMail", "ControllerName")',
                type: 'POST',
                datatype: 'application/json',
                contentType: 'application/json',
                data: JSON.stringify({ 'name': $('#txtName').val(), 'email': $('#txtEmail').val(), 'message': $('#txtMessage').val() }),

                success: function (result) {
                    $("#sendMail").empty();
                    $("#sendMail").append('Send Message');
                    $("#sendMail").attr("disabled", false);                       
                },
                error: function (result) {
                    $("#sendMail").empty();
                    $("#sendMail").append('Send Message');
                    $("#sendMail").attr("disabled", false);

                }
            });
        })
    })
</script>

$(函数(){
$('#sendMail')。单击(函数(){
$(“#sendMail”).empty();
$(“#sendMail”).attr(“disabled”,true);
$(“#sendMail”).append('请稍候…');
$.ajax
({
url:'@url.Action(“SendMail”、“ControllerName”),
键入:“POST”,
数据类型:“应用程序/json”,
contentType:'应用程序/json',
数据:JSON.stringify({'name':$('txtName').val(),'email':$('txtmail').val(),'message':$('txtMessage').val(),
成功:功能(结果){
$(“#sendMail”).empty();
$(“#sendMail”).append('Send Message');
$(“#sendMail”).attr(“禁用”,false);
},
错误:函数(结果){
$(“#sendMail”).empty();
$(“#sendMail”).append('Send Message');
$(“#sendMail”).attr(“禁用”,false);
}
});
})
})
在上面的javascript函数中-

当用户单击文本为“Send Mail”且id=sendMail的按钮时,我禁用了该按钮,因此用户不会多次单击该按钮,并将按钮的文本更改为“Please wait”,并添加一个微调器以获得显著效果。我还通过ajax调用发送用户的电子邮件、姓名和消息。在ajax成功中,我显示了一个带有成功消息的烤面包机,并移除了微调器,请等待按钮中的文本,然后再次设置“发送邮件”文本

我删除了toaster javascript部分,以防您想使用其他通知方法。祝你好运。

打个电话吧