MVC3 & JSON.stringify() ModelBinding 返回空模型

Question

我正在尝试使用 MVC3 和 JSON 进行模型绑定，但我没有运气...无论我做什么，我似乎都在服务器上获得了 null 模型。

方法签名：

public ActionResult FilterReports(DealSummaryComparisonViewModel model)

Javascript 更新：

<script type="text/javascript" language="javascript">

    $(document).ready(function () {
        $('#filter-reports').click(filterReports);
    });

    function filterReports() {
        var filters = {
            SelectedRtoId: $('#SelectedRtoId').val(),
            SelectedPricingPointId: $('#SelectedPricingPointId').val(),
            SelectedLoadTypeId: $('#SelectedLoadTypeId').val(),
            SelectedBlockId: $('#SelectedBlockId').val(),
            SelectedRevisionStatusId: $('#SelectedRevisionStatusId').val()
        }
        var dealSummaries = { SelectedItemIds: $('#SelectedItemIds').val() }
        var model = { ReportingFilters: filters, DealSummaries: dealSummaries }

        $('#selected-items select option').attr("selected", "selected");
        $.ajax({
            url: '@Url.Action("FilterReports")',
            data: model,
            contentType: 'application/json',
            dataType: 'json',
            success: function (data) {
                alert(data);
            }
        }); 
    }
</script>

型号：

public class DealSummaryComparisonViewModel
{
    public ReportingFiltersViewModel ReportingFilters { get; set; }
    public LadderListViewModel DealSummaries { get; set; }
}

public class LadderListViewModel
{
    public MultiSelectList AvailableItems { get; set; }

    public int[] SelectedItemIds { get; set; }
    public MultiSelectList SelectedItems { get; set; }
}

public class ReportingFiltersViewModel
{
    public int? SelectedRtoId { get; set; }
    public ICollection<Rto> Rtos { get; set; }

    public int? SelectedPricingPointId { get; set; }
    public ICollection<PricingPoint> PricingPoints { get; set; }

    public int? SelectedLoadTypeId { get; set; }
    public ICollection<LoadType> LoadTypes { get; set; }

    public int? SelectedBlockId { get; set; }
    public ICollection<Block> Blocks { get; set; }

    public int? SelectedRevisionStatusId { get; set; }
    public ICollection<RevisionStatus> RevisionStatuses { get; set; }

    public bool? DealStatus { get; set; }
}

模型在客户端看起来不错：

{"ReportingFilters":{
    "SelectedRtoId":"5",
    "SelectedPricingPointId":"20",
    "SelectedLoadTypeId":"55",
    "SelectedBlockId":"21",
    "SelectedRevisionStatusId":"11" 
},"DealSummaries":{
    "SelectedItemIds":["21","22","23","24","25"] 
}}

那么为什么我在控制器上什么也没得到呢？这两天给我带来了麻烦，所以请帮忙！谢谢！！

更新 我已将我的 javascript 部分更新为我当前使用的内容。此部分现在将模型返回到带有 ReportingFilers 和 DealSummaries 对象的控制器，但其中的所有值都是空的。

这可能与作为字符串的值有关吗？如果是这样，我该如何解决这个问题？

Answer 1

将您的 $.getJSON 行更改为：

$.ajax({ 
   url: '@Url.Action("FilterReports")',
   data: JSON.stringify(viewModel),
   contentType: 'application/json',
   dataType: 'json',
   success: function (data) { alert(data); }
});

这样 MVC 知道它正在接收 JSON 并将其正确绑定到您的模型。

Answer 2

您可以尝试以下几种不同的方法：

• 如果你想使用DefaultModelBinder:ASP.NET MVC3 JSON Model-binding with nested class，显然你不应该在你的对象中使用可为空的属性。因此，您可以尝试使您的 int 不可为空，或者如果这不是一个选项，请自己实现 IModelBinder？

• 您是否使用SerializableAttribute 标记了您的课程？

• 尝试将 ajax 方法中的类型参数设置为 'POST' - 默认情况下将使用 'GET'..type: 'POST'

• 尝试将 ajax 方法中的 contentType 参数显式设置为此...contentType: 'application/json; charset=utf-8'

• 最后，您确定使用的是 MVC 3，而不是 MVC 2？我问是因为 MVC 3 将 JsonValueProviderFactory 融入了框架，而 MVC 2 没有，如果您使用 MVC 2，这可能会解释您遇到的问题......

Answer 3

好的，替换：

{ model: JSON.stringify(viewModel) }

与

{ model: viewModel }

您正在将对象与 JSON 字符串混合，因此 jQuery 将 JSON.stringify 整个对象。这将对 viewModel 进行双重编码。

Answer 4

这是我的建议，在您的控制器中，操作方法应如下所示：

public JsonResult FilterAction(string model)
{
   var viewModel=new JavaScriptSerializer().Deserialize<DealSummaryComparisonViewModel>(model);
}

还要确保您的请求得到正确的操作，并查看 Firebug。

Answer 5

试试这个：

var filters = new Object();
filters.SelectedRtoId = $('#SelectedRtoId').val();
filters.SelectedPricingPointId =  $('#SelectedPricingPointId').val();
filters.SelectedLoadTypeId = $('#SelectedLoadTypeId').val();
filters.SelectedBlockId = $('#SelectedBlockId').val();
filters.SelectedRevisionStatusId = $('#SelectedRevisionStatusId').val();

var dealSummaries = new Object(); 
dealSummarties.SelectedItemIds = $('#SelectedItemIds').val();

var viewModel = new Object(); 
viewModel.ReportingFilters = filters;
viewModel.DealSummaries = dealSummaries;

$('#selected-items select option').attr("selected", "selected");
$.getJSON('@Url.Action("FilterReports")', { model: JSON.stringify(viewModel) }, function (data) {
            alert(data);
});