寫成：var data = {'item[]':item};
$.post(url,data,function(return_data)
寫成item:item會導致數據缺失。
更多：http://www.cnblogs.com/ini_always/archive/2011/12/17/2291290.html
ajax傳遞數組：
最近在用jQuery的ajax方法發送請求時需要發送一個數組作為參數，結果在后台接收的時候發現接收不到這個數組。代碼時這樣的：
|
1
2
3
4
5
6
7
8
9
|
var
arr = []
arr.push(“aaa”);
arr.push(“bbb”);
arr.push(“ccc”);
$.ajax({
url:”a.html”,
data:{“arr”:arr},
type:”post”
});
|
查看firebug的網絡信息，發現發送的post信息中的數組信息為&arr[]=aaa&arr[]=bbb&arr[]=ccc。多了一對方括號，所以在servlet中不能通過request.getParameter(‘arr’)獲取到正常的數組參數。
（經過驗證，java servlet中必須這么寫:
traditional: true//這個設置為true，data:{"steps":["qwe","asd","zxc"]}會轉換成steps=qwe&steps=asd&...
$.ajax({
traditional: true,
data:{ 'arr':nameArr} } 不能寫成 'arr[] '
servlet那邊接收:
String[] arr=request.getParameterValues(arr");
)
google之后發現，需要在data參數里，加一個traditional：true的參數，這樣就能正常發送數組參數了。
原因時從1.4以后，jQuery改變了參數的序列化方法。
traditional:
一般的，可能有些人在一個參數有多個值的情況下，可能以某個字符分隔的形式傳遞，比如頁面上有多個checkbox：
|
1
2
3
4
5
6
|
$.ajax{
url:
"xxxx"
,
data:{
p:
"123,456,789"
}
}
|
然后后台獲取參數后再分隔，這種做法有很大弊端，試問如果某一個參數值中出現了分隔符所使用的字符，會出現什么情況呢？當然后台獲取的參數將與實際情況不符.
這時我想到了將上述代碼寫成這樣：
|
1
2
3
4
5
6
|
$.ajax{
url:
"xxxx"
,
data:{
p: [
"123"
,
"456"
,
"789"
]
}
}
|
如果單純寫成這樣，在java后台是無法取到參數的，因為jQuery需要調用jQuery.param序列化參數，
|
1
|
jQuery.param( obj, traditional )
|
默認的話，traditional為false，即jquery會深度序列化參數對象，以適應如PHP和Ruby on Rails框架，
但servelt api無法處理，我們可以通過設置traditional 為true阻止深度序列化，然后序列化結果如下：
|
1
|
p: [
"123"
,
"456"
,
"789"
] => p=123&p=456&p=456
|
隨即，我們就可以在后台通過request.getParameterValues()來獲取參數的值數組了，
所以，比如我們前台有多個checkbox，前台的代碼可以寫成：
|
1
2
3
4
5
6
7
8
9
10
|
var
values = $(
"input[type=checkbox]"
).map(
function
(){
return
$(
this
).val();
}).get();
$.ajax{
url:
"xxxx"
,
traditional:
true
,
data:{
p: values
}
}
|
http://tool.oschina.net/apidocs/apidoc?api=jquery
jQuery.param(obj,[traditional])
概述
將表單元素數組或者對象序列化。是.serialize()的核心方法。
在jQuery 1.3中，如果傳遞的參數是一個函數，那么用.param()會得到這個函數的返回值，而不是把這個函數作為一個字符串來返回。
在jQuery 1.4中，.param()會深度遞歸一個對象來滿足現在腳本語言和框架，比如PHP， Ruby on Rails等。你可以通過jQuery.ajaxSettings.traditional = true; 來全局得禁用這個功能。
注意：因為有些框架在解析序列化數字的時候能力有限，所以當傳遞一些含有嵌套對象、數組的對象作為參數時，請務必小心！
在jQuery 1.4中，HTML5的input元素也會被序列化。
參數
objArray<Elements>/jQuery/ObjectV1.2
數組或jQuery對象會按照name/value對進行序列化，普通對象按照key/value對進行序列化。
obj,[traditional]Array<Elements>/jQuery/Object,BooleanV1.4
obj:數組或jQuery對象會按照name/value對進行序列化，普通對象按照key/value對進行序列化。
traditional:是否使用傳統的方式淺層序列化。
示例
描述:
按照key/value對序列化普通對象。
jQuery 代碼:
var params = { width:1680, height:1050 }; var str = jQuery.param(params); $("#results").text(str);
結果:
width=1680&height=1050描述:
對比兩種序列化方式
jQuery 代碼:
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);
//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
var shallowEncoded = $.param(myObject, true);
var shallowDecoded = decodeURIComponent(shallowEncoded);
alert(shallowEncoded);
alert(shallowDecoded);
//a=%5Bobject+Object%5D&b=1&b=2&b=3
//a=[object+Object]&b=1&b=2&b=3