3

我不打算使用 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!');
        }
    );
}

这是控制器上的操作：

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; }
    }
}

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

4

1 回答 1

2

问题是数据作为表单数据发布，而 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 数据进行编码，并且您的控制器操作应使用 [HttpPost] 属性进行标记。

我不确定您为什么不想使用 ajax 方法，但您也可以考虑寻找一种方法将表单数据编码为更适合 mvc 的格式或编写自定义模型绑定器，但这一切似乎都是更多的努力。这篇文章更多地解释了这个问题，可能会给你一些想法。

于 2012-11-13T00:54:23.003 回答