关于jQuery.param例子分享

　　在 jQuery 1.4 HTML5中input元素也是序列化的元素。

　　我们可以显示一个对象的查询字符串和一个相应的URI-decoded 版本，如下:

　　var myObject = {

　　a: {

　　one: 1,

　　two: 2,

　　three: 3

　　b: [1,2,3]

　　};

　　var recursiveEncoded = $.param(myObject);

　　var recursiveDecoded = decodeURIComponent($.param(myObject));

　　alert(recursiveEncoded);

　　alert(recursiveDecoded);

　　recursiveEncoded 和 recursiveDecoded 的结果如下：

　　a%5Bone%5D=1&a%5Btwo%5D=2&a%5Bthree%5D=3&b%5B%5D=1&b%5B%5D=2&b%5B%5D=3

　　a[one]=1&a[two]=2&a[three]=3&b[]=1&b[]=2&b[]=3

　　在jQuery1.4之前，要模仿$.param()的行为，我们可以设置 traditional 参数为 true：

　　var myObject = {

　　a: {

　　one: 1,

　　two: 2,

　　three: 3

　　b: [1,2,3]

　　};

　　var shallowEncoded = $.param(myObject, true);

　　var shallowDecoded = decodeURIComponent(shallowEncoded);

　　alert(shallowEncoded);

　　alert(shallowDecoded);

　　shallowEncoded 和 shallowDecoded 的结果如下：

　　a=%5Bobject+Object%5D&b=1&b=2&b=3

　　a=[object+Object]&b=1&b=2&b=3

　　例子:

　　Example: 序列化一个 key/value 对象./span>

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<style>div { color:red; }</style>

　　</head>

　　<body>

　　var params = { width:1680, height:1050 };

　　var str = jQuery.param(params);

　　$("#results").text(str);

　　</script>

　　</body>

　　</html>

　　Demo:

　　Example: 序列号一些复杂的对象

　　// <=1.3.2:

　　$.param({ a: [2,3,4] }) // "a=2&a=3&a=4"

　　// >=1.4:

　　$.param({ a: [2,3,4] }) // "a[]=2&a[]=3&a[]=4"

　　// <=1.3.2:

　　$.param({ a: { b:1,c:2 }, d: [3,4,{ e:5 }] }) // "a=[object+Object]&d=3&d=4&d=[object+Object]"

　　// >=1.4:

　　$.param({ a: { b:1,c:2 }, d: [3,4,{ e:5 }] }) // "a[b]=1&a[c]=2&d[]=3&d[]=4&d[2][e]=5"

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h63946.shtml