始终执行事件错误$.ajax

Question

我有一个发送电子邮件的功能。 该功能正常工作，但它总是触发错误功能，没有发生任何错误（我正在收到电子邮件）。

跟随我的Javascript：

//Send mail
$("div.contato-pedidooracao form").submit(function () {

    var dataString = $(this).serialize();
    $.ajax({
        type: "POST",
        url: "Contato/SendMail",
        data: dataString,
        dataType : "json",
        success: function (data) { alert("OK"); },
        error: function (data) { alert("Error"); }

    });
});

控制器

[HttpPost]
public ActionResult SendMail(string name, string phone, string cel, string email, string message)
{
    try
    {
        using (var mail = new MailMessage())
        {

            mail.To.Add("--mailhere--");

            mail.From = new MailAddress("\"" + name + "\" <" + email + ">" );
            mail.Subject = "Pedido de Oração - " + name;
            mail.Body = message;
            mail.IsBodyHtml = false;

            new SmtpClient().Send(mail);
        }
        return Json(new{Sucess = true, Message = "Email enviado com sucess!" } );

    }
    catch (Exception ex)
    {
        return Json(new{Sucess = false, Message = ex.Message } );
    }

}

Answer 1

我相信您需要添加 event.preventDefault 来阻止提交事件冒泡并真正将表单提交到服务器。

$("div.contato-pedidooracao form").submit(function (event) {
   event.preventDefault();
   ..... 
   .....
 });

Answer 2

您是否尝试将 return false 添加到提交函数中：

$("div.contato-pedidooracao form").submit(function () {

  var dataString = $(this).serialize();
    $.ajax({
       type: "POST",
       url: "Contato/SendMail",
       data: dataString,
       dataType : "json",
       success: function (data) { alert("OK"); },
       error: function (data) { alert("Error"); }
   });
return false;  //right here
});