jquery中serializeArray()与serialize()

示例表单：

 <form id="form">
    用户名：<input type="text" name="username">
    密码：<input type="password" name="password">
    <input type="submit" value="提交">
  </form>

1、serialize()
作用：序列化表单内容为字符串,一般用于Ajax请求，将表单内容拼接成字符串类型的参数

var params = $('#form').serialize()
//若：客户端输入：用户名：zhangsan 密码：123
//params='username=zhagnsan&password=123'

2、serializeArray()方法
作用：将页面表单序列化成一个JSON结构的对象

 var params = $('#form').serializeArray()
 //若：客户端输入：用户名：zhangsan 密码：123
/*[{ name: 'username',
      value: 'zhangsan'
   },{
     name: 'password',
     value: '123'
   }]
   */

封装函数：将表单中用户输入的内容转换为对象类型

//将表单中用户输入的内容转换为对象类型
function serializeObject(obj) {
    //处理结果对象
    var result = {}
    var params = obj.serializeArray()
    //循环数组 将数组转换为对象类型
    $.each(params, function (index, value) {
        result[value.name] = value.value
    })
    //将处理结果返回到函数外部
    return result
}