AJAX传递数组到后台处理

在开发中有时可能传递一批类似结构的数据到后台处理，但是ajax又不能像后台语言那样直接传一个Array对象过去，那怎么办呢？

这个时候有个变通的方法，就是在前端将对象放到数组里面，然后序列化后传递到后台，在后台接受到数据后在反序列化回来即可，下面是一个例子。

1.前端处理

var peoples = []; //定义一个名为peoples的数组
for (var i = 0; i < 4; i++) {
	var people = {};
	people.name = "name" + i.toString();
	people.age = 20 + i;
	peoples[i] = people;
}
var data = {};
data.peoples = peoples;//注意这里data的[peoples]属性需要与后台用于反序列化里的对象名一致
$.ajax({
	url: "Interface/WebService1.asmx/HelloWorld",
	type: "POST",
	traditional: true,//这个参数适用于设置jquery是否会深度序列化的，这里我试过设置为false也可以，所以还要具体问题具体分析
	data: { peoples: JSON.stringify(data) }, //将对象序列化为字符串
	dataType: "xml",//这里为啥要设置xml呢？看下面
	success: function (data) {
		//因为我使用的是asmx的后台，在返回数据的时候，它会自动在结构上添加一段xml的标记
		//如果使用json的话就错误了，一开始发现访问成功，但是不进success方法还纳闷会
		//所以在调试的时候尽量将success,error,complete方法都写出来，方便看问题出在哪里
		//如果看ajax访问后台返回的数据呢？见下面的截图
	},
	error: function (e, r, t) {
		
	},
	complete: function () {
		
	}
});

2.后端处理

这里使用的是LitJson插件，其他插件也是可以的，百度下反序列化的方法就好了 。

/// <summary>
    /// 单个人
    /// </summary>
    public class People
    {
       public string name { get; set; }
       public int age { get;set;}
    }
    /// <summary>
    /// 一组人
    /// </summary>
    public class Peoples
    {
        public List<People> peoples { get; set; }
    }
    /// <summary>
    /// WebService1 的摘要说明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
    [System.Web.Script.Services.ScriptService]
    public class WebService1 : System.Web.Services.WebService
    {

        [WebMethod]
        public string HelloWorld(string peoples)
        {
            //注意这里一定要用上面定义的对象[Peoples]
            Peoples p = LitJson.JsonMapper.ToObject<Peoples>(peoples);
            return "{\"success\":true}";
        }
    }

3.如何查看ajax调用后返回的信息呢？