<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>序列化</title>
</head>
<body>
<form>
<div><input type="text" name="aa" value="1" id="a" /></div>
<div><input type="text" name="bb" value="2" id="b" /></div>
<div><input type="hidden" name="c" value="3" id="c" /></div>
<div>
<textarea name="d" rows="8" cols="40">4</textarea>
</div>
<div><select name="e">
<option value="5" selected="selected">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select></div>
<div>
<input type="checkbox" name="f" value="8" id="f" />
</div>
<div>
<input type="submit" name="g" value="Submit" id="g" />
</div>
</form>
<ul class="databox"></ul>
</body>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
$('form').submit(function() {
//alert($(this).serialize()); // 返回字符串格式数据
// 注释：只会将”成功的控件“序列化为字符串。如果不使用按钮来提交表单，则不对提交按钮的值序列化。如果要表单元素的值包含到序列字符串中，元素必须使用 name 属性。
var alldata=$(this).serializeArray();
console.log(alldata);//返回json格式的数据
$.each(alldata,function(i,val){
$(".databox").append("<li>"+val.name+"</li>");
})
return false;
});
})
</script>
</html>
浙公网安备 33010602011771号