将对象从 JSON 传递到 MVC 控制器 - 它始终为 null？

Question

我在这里看到了一些与类似问题相关的问题，我已阅读它们并关注它们，但我仍然遇到同样的问题。

我基本上是在 javascript 中创建一个对象，并尝试调用控制器上的一个方法，该方法将返回一个 html 字符串。不是 JSON。

我一直在玩弄 dataType 和 contentType 但仍然没有乐趣。如果代码片段有点混乱，我们深表歉意。

在 JS 中构建对象。

function GetCardModel() {
    var card = {};
    card.CardTitle = $("#CardTitle").val();
    card.TopicTitle = $("#TopicTitle").val();
    card.TopicBody = $("#TopicBody").data("tEditor").value();
    card.CardClose = $("#CardClose").val();
    card.CardFromName = $("#CardFromName").val();
    return card;
}

看一下该对象 - 一切看起来都很好，并且在 JSON 中应该如此。

var model = GetCardModel();
alert(JSON.stringify(GetCardModel()));

进行调用...

$.ajax({
            type: "POST",
            url: "/Postcard/Create/Preview/",
            dataType: "json",
            //contentType: "application/json",
            data: GetCardModel(),
            processData: true,
            success: function (data) {
                alert("im back");
                alert(data);
            },
            error: function (xhr, ajaxOptions, error) {
                alert(xhr.status);
                alert("Error: " + xhr.responseText);
                //alert(error);
            }
        });

总是当我进入控制器时，该对象始终存在，但所有属性都为空值。

Answer 1

参数名称应该是 data，而不是 date：

$.ajax({
    type: 'POST',
    url: '/Postcard/Create/Preview/',
    dataType: 'json',
    data: {
        CardTitle: $("#CardTitle").val(),
        TopicTitle: $("#TopicTitle").val(),
        TopicBody: $("#TopicBody").data("tEditor").value(),
        CardClose: $("#CardClose").val(),
        CardFromName: $("#CardFromName").val()
    },
    success: function (data) {
        alert('im back');
        alert(data);
    },
    error: function (xhr, ajaxOptions, error) {
        alert(xhr.status);
        alert('Error: ' + xhr.responseText);
    }
});

这将成功调用以下控制器操作，并且操作参数将正确绑定：

[HttpPost]
public ActionResult Preview(Card card) { ... }

与以下模型：

public class Card
{
    public string CardTitle { get; set; }
    public string TopicTitle { get; set; }
    public string TopicBody { get; set; }
    public string CardClose { get; set; }
    public string CardFromName { get; set; }
}