如何在jQuery中处理POST请求的响应

我正在尝试将一些数据POST到我的ASP.NetMVCWebneneneba API控制器，并尝试在响应中获取这些数据。我有下面的帖子脚本：

 $('#recordUser').click(function () {
  $.ajax({
    type: 'POST',
    url: 'api/RecordUser',
    data: $("#recordUserForm").serialize(),
    dataType: 'json',
    success: function (useremail) {
        console.log(useremail);
    },
    error: function (xhr, status, err) {
    },
    complete: function (xhr, status) {
        if (status === 'error' || !xhr.responseText) {
            alert("Error");
        }
        else {
            var data = xhr.responseText;
            alert(data);
            //...
        }
    }
 });
});

这个脚本的问题是，每当我试图发布数据时，jQuery都会返回"error"而不是"success"。

我已经确认我的控制器没有问题。无论何时发出请求，我都可以在调试模式下进入我的api方法，并且可以看到它正在从POST请求中获取数据并将其返回。这个控制器很简单：

 public class RecordUserController : ApiController
 {
     public RecordUserEmailDTO Post(RecordUserEmailDTO userEmail)
     {
         return userEmail;
     }
 }

我不知道如何让jQuery打印出任何有用的错误消息。目前，当我尝试使用Chrome控制台调试jQuery代码时，它显示了一个空的xhr.responseText，"err"对象中没有任何内容，"status"设置为"error"，正如你所看到的，这并没有多大帮助。

我尝试过的另一件事是直接从控制台运行以下代码：

$.ajax({
    type: 'POST',
    url: 'api/RecordUser',
    data: {"Email":"email@address.com"},
    dataType: 'json',
    success: function (useremail) {
        console.log(useremail);
    },
    error: function (xhr, status, err) {
        console.log(xhr);
        console.log(err);
        console.log(status);
        alert(err.Message);
    },
    complete: function (xhr, status) {
        if (status === 'error' || !xhr.responseText) {
            alert("Error");
        }
        else {
            var data = xhr.responseText;
            alert(data);
        }
    }
});

即使用相同的脚本，而不实际点击按钮并提交表单。令人惊讶的是，这得到了正确的响应，我可以在控制台中看到我的数据打印出来。对我来说，这至少意味着我的Web API控制器工作正常，但我不知道为什么它在单击按钮或提交表单时不起作用，并进入"错误"而不是"成功"。

我没有发现我的方法中有任何错误，如果有人能帮我在表格发布时回复我，我会很高兴。