小威老师脚手架讲解系列二

登录页面的讲解一

序列化函数讲解

$.fn.serializeObject = function()
{
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || ‘’);
} else {
o[this.name] = this.value || ‘’;
}
});
return o;
};
这是表单序列化的代码。序列化的ajax传值用于数据量大的场景。
this.serializeArray()就是表单元件的序列化，结果生成如下数组对象：
[
{name: ‘username’, value: ‘XXX’},
{name: ‘password’, value: ‘XXX’},
]这里X代表登录输入的用户名和密码。
var o = {};定义一个json空类。
o[this.name] 是json对象引用username或者password的键名。 o[this.name]!==undefined是指遍历到的键已经存在，就是一个键出现多值情况，比如汽车品牌这个键值有多个品牌时，第一次输入“大众”，第二次输入“宝马”，它们的键名都是“品牌”。
o[this.name] = [o[this.name]]用下列假设说明：
比如car={“品牌”：“大众”}
执行car[品牌]=[“大众”]后结构如下：
car={“品牌”：[“大众”]}就是值变成数组了。
!o[this.name].push就是这个键值对没有执行过数组的push操作，含义是出现第二个键值。
o[this.name].push(this.value || ‘’)遍历到的值(value)为空就push进入数组。比如”宝马“push入car如下：
car={“品牌”：[“大众”,”宝马“]}
o[this.name] = this.value || ''如果遍历的键名第一次就用直接给对象赋值的方法赋值。