Ajax always falls into 'error' even when successful (C# MVC5)

Question

Come on. I have the following method:

C#

    [HttpPost]
    [AllowAnonymous]
    public JsonResult PostOnCRM(string textBoxFirstName, string textBoxCountry, string textBoxLastName, string textBoxEmail, string textBoxTitle, string textBoxTelephone, string textBoxCompany, string textBoxWebsite, string textAreaNote, string checkBoxUpdates)
    {
        try
        {
            bool isValidEmail = Regex.IsMatch(textBoxEmail,
            @"^(?("")("".+?(?<!\\)""@)|(([0-9a-z]((\.(?!\.))|[-!#\$%&'\*\+/=\?\^`\{\}\|~\w])*)(?<=[0-9a-z])@))" +
            @"(?(\[)(\[(\d{1,3}\.){3}\d{1,3}\])|(([0-9a-z][-\w]*[0-9a-z]*\.)+[a-z0-9][\-a-z0-9]{0,22}[a-z0-9]))$",
            RegexOptions.IgnoreCase, TimeSpan.FromMilliseconds(250));

            if (!isValidEmail)
                throw new Exception("E-mail is not a valid one");
            LeadInformation lead = new LeadInformation()
            {
                Subject = "Web site",
                FirstName = textBoxFirstName,
                LastName = textBoxLastName,
                JobTitle = textBoxTitle,
                Address1_Country = textBoxCountry,
                EmailAddress1 = textBoxEmail,
                MobilePhone = textBoxTelephone,
                WebsiteUrl = textBoxWebsite,
                Description = textAreaNote,
                DoNotEmail = checkBoxUpdates.Contains("Yes") ? true : false
            };
 //Aqui existe um método de insert que funciona corretamente

            return Json(new { success = true, responseText = "Your message successfuly sent!" }, JsonRequestBehavior.AllowGet);
        }
        catch (Exception e)
        {
            return Json(new { success = false, responseText = e.Message }, JsonRequestBehavior.AllowGet);
        }
    }

And I make an ajax call to him:

Ajax

$("#formContact").submit(function (evt) {
    evt.preventDefault();

    var formdata = $('form').serialize();
    $.ajax({
        type: 'POST',
        dataType: "json",
        cache: false,
        url: 'http://localhost:59289/Lead/PostOnCRM',
        data: formdata,
        success: function (response) {
            alert(response);
        },
        error: function (response) {
            alert('Error - ' + response.responseText);
        }
    });
});

The method performs perfectly. It does the Insert in the database but when it returns to the ajax method it always falls into the error and does not even send the Replay I sent. What can be?

I apologize for taking the parameters this way (mainly the bool thing) and for not using a Bind or anything, but this is not relevant to the question

Answer 1

This is because you are capturing Exception and giving a Json Re-turn().

When you use Return Json() the http Response is placed with Status Code 20x (success). It’s not because in your json you’re putting Success = true/false that Status Code will change.

To enter the ajax error callback you have to let the Exception burst.

Answer 2

Try returning only Success. At least with Angular and MVC5 always fall into error when passing any result beyond OK.

Another solution is to try to put Response at 200 in hand.

Response.StatusCode = 200