c# - 如何在 MVC 3 中通过 jQuery 加载传递对象数组？

Question

我不想使用 ajax jQuery 方法。我想对 div 使用 .load() 方法。这是我的 javascript 方法的样子:

function PartialViewLoadArray(aName, aValue, aGuid, aName2, aValue2, aGuid2) {

    modelArray = [];

    modelArray.push({ Name: aName, Value: aValue, Guid: aGuid });
    modelArray.push({ Name: aName2, Value: aValue2, Guid: aGuid2 });

    $('#examplediv').load(
        '/Example/PartialByModelArray/',
        { ModelArray: modelArray },
        function () {
            alert('the load has completed!');
        }
    );
}

这是 Controller 上的 Action :

public PartialViewResult PartialByModelArray(ExamplePartialArrayModel aModel)
{
    return PartialView("_ExamplePartialByArray", aModel);
}

我的数组模型:

public class ExamplePartialArrayModel
{
    public ExamplePartialModel[] ModelArray { get; set; }
}

上述模型中包含的模型:

public class ExamplePartialModel
{
    private string _Name;
    private int? _Value;
    private string _Guid;

    public string Name
    {
        get { return this._Name; }
        set { this._Name = value; }
    }

    public int? Value
    {
        get { return this._Value; }
        set { this._Value = value; }
    }

    public string Guid
    {
        get { return this._Guid; }
        set { this._Guid = value; }
    }
}

我知道如果我使用上下文和 stringwriter 等手动呈现部分 View ，我可以让这个 div 加载内容，但在我看来我应该能够让这个 load() 语句工作.为什么 MVC 不提取这些数据？非常奇怪的是，当我在操作的第一行设置断点时，它向我显示了数组中的两个项目——但它们的所有属性都是空的。它如何确定数组中项目的数量而不绑定(bind)它们的值？到底是怎么回事？我很困惑。

Answer 1

问题是数据作为表单数据发布，而 jquery 以默认模型联编程序无法理解的格式执行此操作。在我的测试中，我使用了 fiddler查看数据以这种格式传输:

ModelArray[0][Name]  : name1
ModelArray[0][Value] : value1
ModelArray[0][Guid]  : guid1
ModelArray[1][Name]  : name2
ModelArray[1][Value] : value2
ModelArray[1][Guid]  : guid2

解决此问题的最简单方法是以 json 格式发布数据:

function PartialViewLoadArray(aName, aValue, aGuid, aName2, aValue2, aGuid2) {
    var modelArray = [];

    modelArray.push({ Name: aName, Value: aValue, Guid: aGuid });
    modelArray.push({ Name: aName2, Value: aValue2, Guid: aGuid2 });

    $.ajax({
        type: 'POST',
        url: '/home/PartialByModelArray/',
        contentType: 'application/json',
        data: { ModelArray: modelArray },
        success: function (response) {
            $('#examplediv').replaceWith(response);
        }
    });
}

请注意，此代码使用了 json2库来编码 json 数据，你的 Controller 操作应该用 [HttpPost] 属性标记。

我不确定您为什么不想使用 ajax 方法，但您也可以考虑寻找一种方法将表单数据编码为对 mvc 更友好的格式或编写自定义模型联编程序，但仅此而已似乎需要付出更多的努力。 This post多解释一下这个问题，可能会给你一些想法。