Question

I’m successfully posting to my controller with the following code, however, success is never being hit only error. What am I doing wrong?

JS:

$.ajax({
        url: '/Home/Subscribe',
        type: 'POST',
        dataType: 'json',
        data: { email: $('#sube').val() },
        success: function (data) {
            // get the result and do some magic with it
            alert(data.foo);

        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert(textStatus);
        }
    });

Controller:

[HttpPost]
    public JsonResult Subscribe(string email)
    {
        return Json(new { foo = "bar", baz = "Blech" });
    }

Answer 1

In IE, press F12 to open developer tools. Go to Network tab and click on Start Profiler. Send a request to your Subscribe action – in a list below you will see details of sent request and returned status code. Double click on request to see details – you can then see body of your response. If the request failed with a server error, you will see that error in a body of your response.