1.效果图
2.HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>82 jQuery-使用$.param()函数对数组进行序列化</title>
<style type="text/css">
body{font-size: 13px;}
div{
margin: 20px;
padding: 10px;
border: solid 1px #666;
background-color: #eee;
}
</style>
</head>
<body>
<div id="divTip">
</div>
<script src="../jquery.min.js"></script>
<script type="text/javascript">
$(function(){
//基本信息数组
var arrInfo = {id:101, name:"aaa", sex:1}
//分数和最总信息数组
var arrScore = {score:{chinese: 90, maths: 100, english: 98}, sunNum: {score: 288, num: 3}}
//序列化各数组
var arrNewInfo = $.param(arrInfo);
var arrNewScore = $.param(arrScore);
var arrDecScore = decodeURIComponent($.param(arrScore));
//显示序列化后的数组
var strTmp = "<b>arrInfo数组序列化后</b>:";
strTmp += arrNewInfo;
strTmp += "<br><br><b>arrScore序列化后</b>:";
strTmp += arrNewScore;
strTmp += "<br><br><b>arrScore序列化解码后</b>:";
strTmp += arrDecScore;
//显示在页面中
$("#divTip").append(strTmp);
})
</script>
</body>
</html>