纯js实现序列化参数

为什么80%的码农都做不了架构师？>>>   

在使用spring MVC过程中，后台需要组装的是个实体，一般通过form提交参数， 这样后台组装是没问题的，但是用Ajax请求时就不能很好的组装成相应的实体，例如Jquery提供的serialize函数，在组装数组和List等对象时就会有问题。下面实现针对Ajax请求参数序列化为Spring mvc组装实体的参数格式做个备忘吧

function serialize(obj) {
		var query = '', name, value, subName, innerObj, i, p;

		for (name in obj) {
			value = obj[name];

			if (value instanceof Array)  {
				for (i = 0; i < value.length; ++i) {
					if((value[i] instanceof Object) || (value[i] instanceof Array) ){
						innerObj = {};
						innerObj[name + '[' + i + ']'] = value[i];
						(p = serialize(innerObj)) && (query += p + '&');
					} 
					else if (value[i] !== undefined && value[i] !== null) {
						query += encodeURIComponent(name) + '=' + encodeURIComponent(value[i]) + '&';
					}
					
				}
			}
			else if (value instanceof Object) {
				for (subName in value) {
					innerObj = {};
					innerObj[name + '.' + subName] = value[subName];
					(p = serialize(innerObj)) && (query += p + '&');
				}
			}
			else if (value !== undefined && value !== null){
				query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
			}
		}

		return query.length ? query.substr(0, query.length - 1) : query;
	}

效果

var p = {p:[[{a:1,b:2}, {a:3,b:4}], [{a:3,b:4}, {a:5,b:6}] ]};
serialize(p)； //p[0][0].a=1&p[0][0].b=2&p[0][1].a=3&p[0][1].b=4&p[1][0].a=3&p[1][0].b=4&p[1][1].a=5&p[1][1].b=6

var p = {p:[{a:1,b:2}, {a:3,b:4}, {a:5,b:6}]};
serialize(p)； // p[0].a=1&p[0].b=2&p[1].a=3&p[1].b=4&p[2].a=5&p[2].b=6

转载于:https://my.oschina.net/yiq/blog/1559624