jquery ajax傳遞數組給php

寫成：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:

若是設 置成true,則提交時會是"name=value&name=value"

默認是:false,jquery會深度序列化參數對象，以適應如PHP和Ruby on Rails框架

但當使用JavaEE開發時,能夠使用  jQuery.ajaxSettings.traditional = true; 將其全局啓用.

 

 通常的，可能有些人在一個參數有多個值的狀況下，可能以某個字符分隔的形式傳遞，好比頁面上有多個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