C# 如何在MVC3中通过jQuery加载传递对象数组?
我不打算使用ajax jQuery方法。我想对div使用.load()方法。下面是我的javascript方法:C# 如何在MVC3中通过jQuery加载传递对象数组?,c#,asp.net-mvc,asp.net-mvc-3,jquery,C#,Asp.net Mvc,Asp.net Mvc 3,Jquery,我不打算使用ajax jQuery方法。我想对div使用.load()方法。下面是我的javascript方法: function PartialViewLoadArray(aName, aValue, aGuid, aName2, aValue2, aGuid2) { modelArray = []; modelArray.push({ Name: aName, Value: aValue, Guid: aGuid }); modelArray.push({ Nam
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; }
}
}
我知道,如果我使用上下文和stringwriter等手动呈现局部视图,我可以让这个div加载内容,但在我看来,似乎我应该能够让这个load()语句工作。为什么MVC没有收集这些数据?非常奇怪的是,当我在操作的第一行设置断点时,它会显示数组中的两个项——但它们的所有属性都为null。它如何确定数组中的项目数量而不绑定它们的值?发生了什么事?我感到困惑。问题是数据被发布为表单数据,而jquery是以默认模型绑定器无法理解的格式发布的。在我的测试中,我曾经看到数据以这种格式传递:
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);
}
});
}
请注意,此代码使用库对json数据进行编码,您的控制器操作应标记为[HttpPost]属性
我不确定您为什么不想使用ajax方法,但您也可以考虑找到一种方法,将表单数据编码为更为mvc友好的格式,或者编写自定义模型绑定器,但这似乎需要付出更多的努力。更多地解释这个问题,可能会给你一些想法 我只是相对确信,我可以使用load函数来完成这项工作,而无需ajax方法所需的更广泛的代码。看起来你所拥有的一切都会奏效,但谢谢你的回复。使用load通常很容易,但对于习惯于严格类型语言的人来说,JSON有点令人困惑。非常感谢。