使用jquery.load将对象数组传递给MVC 3

时间:2013-03-28 19:14:36

标签: asp.net asp.net-mvc asp.net-mvc-3 jquery

我遇到了一个试图将对象数组传递给MVC3控制器/动作的问题。我在网上找到了几个讨论(包括SO),但没有一个能解决我的问题。以下是我正在使用的内容:

public class Person
{
   public Guid TempId { get; set; }
   public bool ReadOnly { get; set; }
   [Required(ErrorMessage = "Required")]
   public string Name { get; set; }
}

以下是我的控制器操作(目前,我尝试了很多变化),如下所示:

[HttpGet]
public ActionResult AddPerson(List<Person> people)
{
    if (null != people)
    {
        foreach (var person in people)
        {
           Debug.WriteLine(person );
        }
     }
    return View();
}

我已经尝试了很多方法来构建我的jquery以便调用操作,但到目前为止,我唯一可以使用的方法是将对象数组手动编码为URL字符串,如下所示:

var url = "AddPerson?people%5B0%5D.TempId=9FBC6EF8-67DB-4AB4-8FCE-5DFC0F2A69F9&people%5B0%5D.ReadOnly=true&people%5B0%5D.Name=Bob+Jones&people%5B1%5D.TempId=9FBC6EF8-67DB-4AB4-8FCE-5DFC0F2A6333&people%5B1%5D.ReadOnly=false&people%5B1%5D.Name=Mary+Jones #peopleDiv";
$("#peopleDiv").load(url, updatePeopleDiv);

people%5B1%5D.ReadOnly=falsepeople[1].ReadOnly=false

的编码版本

我尝试过其他一些事情,例如:

var url = "AddPerson #peopleDiv";
var people = [];
people.push({'[0].TempId': '<valid guid>', '[0].ReadOnly': true, '[0].Name': 'Bob Jones' });
$("#peopleDiv").load(url, people, updatePeopleDiv); // nope
$("#peopleDiv").load(url, $.param(people, false), updatePeopleDiv); // nada
$("#peopleDiv").load(url, $.param(people, true), updatePeopleDiv); // nyet

我还尝试通过将people []包装在对象中来修改上述内容:var data = { arr: people }然后尝试以各种方式发送data个对象。所有方式(除了我通过手动编码工作的方式)导致三种结果之一:

  1. 没有调用控制器操作(它的定义和我如何调用它之间不匹配)
  2. 调用控制器操作,但param为空
  3. 调用控制器操作,并且数组中的对象元素数量正确但是没有传输这些对象的实际值(因此我有一个对象数组都具有默认值)。
  4. 有什么建议吗?

1 个答案:

答案 0 :(得分:4)

只需将contentType设置为'application/json'并使用JSON.stringify()

$.ajax({
            contentType: 'application/json',
            type: 'POST',
            url: '/Controller/AddPerson',
            data: JSON.stringify({
                people: [
                    {
                      ReadOnly: false,
                      Name: 'Cristi'
                    },
                    {
                      ReadOnly: true,
                      Name: 'Matt'
                    }
                ]
            }),
            success: function (data) {
                $("#peopleDiv").html(data);
            },
            error: function () {
                console.trace();
            }
        });

此外,添加/编辑/删除请求应通过POST完成。

[HttpPost]
public ActionResult AddPerson(List<Person> people)
{
    if (null != people)
    {
        foreach (var person in people)
        {
           Debug.WriteLine(person );
        }
     }
    return PartialView("viewname");
}