MVC3控制器方法中的AJAX POST DATA NULL

Question

我的jQuery ajax帖子之一将帖子数据发送到我的.NET MVC3控制器方法，但是在控制器方法中，数据显示为null。我还有许多其他Ajax帖子使用几乎相同的方法，它们都可以正常工作，所以我不确定发生了什么。

ajax帖子：

$.ajax({
    url: '/Entity/Relate',
    type: 'POST',
    dataType: 'json',
    contentType: 'applicaiton/json; charset=utf-8',
    data: { primaryEntityId: parseInt(entityParentId, 10), relatedEntityId: _createdId },
    success: function (data)
    {
        //do stuff
    },
    error: function ()
    {
        // throw error
    },
    complete: function ()
    {
        //do more stuff
    }
});

控制器方法：

[HttpPost]
public int Relate(int primaryEntityId, int relatedEntityId)
{
    return relationshipRepository.Add(primaryEntityId, relatedEntityId);
}

问题是当我打破相关方法时，primaryentityId和ReliedentityID是无效的，即使在firebug的帖子数据中，它表明{primaryentityId：13，RelachentEntityId：486}已将其发布到该方法中。p>关于帖子为什么看起来不错的任何建议或想法，但控制器没有拾取数据？

Answer 1

但是在控制器方法中，数据显示为null

这是不可能的，因为Int32是.NET中的值类型和值类型不能为null。您可能意味着它们被分配给默认值。无论如何。

问题与您在AJAX请求中设置的contentType参数有关。您需要删除它，因为您不是发送JSON，而是标准application/x-www-form-urlencoded请求：

$.ajax({
    url: '/Entity/Relate',
    type: 'POST',
    dataType: 'json',
    data: { 
        primaryEntityId: parseInt(entityParentId, 10), 
        relatedEntityId: _createdId 
    },
    success: function (data)
    {
        //do stuff
    },
    error: function ()
    {
        // throw error
    },
    complete: function ()
    {
        //do more stuff
    }
});

---

如果要发送JSON请求定义视图模型：

public class RelateViewModel
{
    public int PrimaryEntityId { get; set; }
    public int RelatedEntityId { get; set; }
}

然后让您的控制器将此视图模型作为参数：

[HttpPost]
public int Relate(RelateViewModel model)
{
    return relationshipRepository.Add(model.PrimaryEntityId, model.RelatedEntityId);
}

最后发送真正的JSON请求（使用JSON.stringify方法）：

$.ajax({
    url: '/Entity/Relate',
    type: 'POST',
    dataType: 'json',
    contentType: 'application/json;charset=utf-8',
    data: JSON.stringify({ 
        primaryEntityId: parseInt(entityParentId, 10), 
        relatedEntityId: _createdId 
    }),
    success: function (data)
    {
        //do stuff
    },
    error: function ()
    {
        // throw error
    },
    complete: function ()
    {
        //do more stuff
    }
});