serializeArray()和.serialize()的区别、联系

serializeArray()和.serialize()的区别、联系

<form id='addForm' action='UserAdd.action' type='post'>
     <label for='uname'>用户名</label>：<input type='text' name='uname' id='uname'><br>
     <label for='mobileIpt'>手机号：</label><input type='text' name='mobileIpt' id='mobileIpt'><br>
     <label for='birthday'>生日：</label><input type='text' name='birthday'><br>
     <input type='button' value='提交' onclick='addUser()'>
</form>

 

serializeArray()  json数组

                 --------$.type()可以判断数据类型

$('#addForm').serializeArray();
//返回数据结构，是json数组，每个对像分别name和value为key，代表这个表单元素的name和value
[
    {"name":"uname","value":""},
    {"name":"mobileIpt","value":""},   
    {"name":"birthday","value":""}
]


取法：

 var data=$('#addForm').serializeArray()；

 $.each(data, function(index, field){
      $("#results").append(field.name+":"+field.value+" ");
    });

 

serialize() 序列化表单元素为字符串

var arr = $('#addForm').serialize();
$.param(arr);

"uname=alice&mobileIpt=110&birthday=1983-05-12"

 

联系：相互转换

var arr = $('#addForm').serializeArray();
$.param(arr);

"uname=alice&mobileIpt=110&birthday=1983-05-12"