快捷導(dǎo)航

jquery ajax 向后臺傳遞數(shù)組參數(shù)示例

更新時間：2013年07月30日 16:31:50 作者：

在JS中向后臺傳遞數(shù)組參數(shù)，如果數(shù)組中放的是對象類型，傳遞到后臺是顯示的只能是對象字符串--[object Object],具體的原因及解決方法如下，有類似問題的朋友可以參考下

需求：
在JS中向后臺傳遞數(shù)組參數(shù)

分析：
JS中的數(shù)組是弱類型的可以放任何類型（對象、基本類型），但是如果數(shù)組中放的是對象類型，傳遞到后臺是顯示的只能是對象字符串--[object Object],原因如下：
在后臺接收的時候，只能用request來接收，request.getParameterValues()方法返回的是一個String[],所以，應(yīng)該是在前臺傳輸?shù)臅r候調(diào)用了對象的toString()方法,那么如果依然想傳遞對象怎么辦？涼拌！
但是可以使用JSON字符串來實(shí)現(xiàn)，在后臺把JSON字符串解析成JAVA對象。

也許，你要說如果是復(fù)合對象怎么辦，比如如下：

復(fù)制代碼代碼如下:

 
public class Person { 
private String username; 
private String password; 
private Address addr; 
} 

Person對象里有個Address類型的addr屬性，沒關(guān)系，任何對象最終用到的屬性值都是基本數(shù)據(jù)類型，只需要使用對應(yīng)的包裝類型parseInt、或者parseXXX解析即可。

實(shí)現(xiàn)：
OK，原理就是這么個。先看JS如何寫：

復(fù)制代碼代碼如下:

 
var as = []; 
var temp = []; 
for ( var int = 0; int < 5; int++) { 
temp.push('{"k":'); 
temp.push(int); 
temp.push(',"v":'); 
temp.push(int); 
temp.push('}'); 
as.push(temp.join("")); 
} 
//Jquery中的方法，具體參考Jquery API 
$.post( 
"servlet/AjaxServlet?m=putWarningRule",{"aa":as} 
); 

最終拼成的串就是如下樣式，（只作舉例）

復(fù)制代碼代碼如下:

{"k":0,"v":0}

后臺接收，不討論任何框架，只需要HttpServletRequest即可

復(fù)制代碼代碼如下:

String[] jsonArr = request.getParameterValues("aa[]");

有一點(diǎn)需要注意，在js中傳參的時候參數(shù)名叫"aa"，而在后臺接收的時候卻是"aa[]"，這里應(yīng)該是Jquery做了轉(zhuǎn)換，所以最好的方式就是在JS中就改為"aa[]"，之所以這里沒有寫"[]"是為了說明問題?？梢允褂萌缦路绞酱蛴equest中的所有參數(shù)

復(fù)制代碼代碼如下:

 
Enumeration<String> names = request.getParameterNames(); 
while (names.hasMoreElements()) { 
String string = (String) names.nextElement(); 
System.out.println(string); 
} 

OK，至此為止，已經(jīng)接收完畢，剩下的就是如何將一個JSON字符串轉(zhuǎn)成一個POJO了。我使用jsontools-core-1.7.jar，此jar包依賴antlr-2.7.7.jar，自行到代碼庫中下載，下載完畢，導(dǎo)入classpath，寫一個簡單的工具類，主要有這么2個方法：

復(fù)制代碼代碼如下:

 
/** 
* 將對象轉(zhuǎn)換為JSON格式的字符串 
* @param obj 
* @return 返回JSON字符串 
*/ 
public static String toJSONAsString(Object obj){ 
try { 
return JSONMapper.toJSON(obj).render(false); 
} catch (MapperException e) { 
e.printStackTrace(); 
} 
return null; 
} 

@SuppressWarnings("unchecked") 
public static <T> T jsonToObject(String jsonStr, Class<T> targetClass) throws TokenStreamException, RecognitionException, MapperException{ 
JSONValue jv = new JSONParser(new StringReader(jsonStr)).nextValue(); 
return (T) JSONMapper.toJava(jv,targetClass); 
} 

//test 
public static void main(String[] args) throws Exception { 
Person p = new Person(); 
p.setK("a"); 
p.setV("v"); 

String json = toJSONAsString(p); 
Person np = jsonToObject(json,Person.class); 
System.out.println(np.getK()+"=="+np.getV()); 
} 

request取到值后，遍歷數(shù)組，挨個轉(zhuǎn)換

復(fù)制代碼代碼如下:

Person p = JSONUtils.jsonToObject(jsonArr[0], Person.class);

Person類如下：

復(fù)制代碼代碼如下:

 
public class Person { 
private String k; 
private String v; 
public String getK() { 
return k; 
} 
public void setK(String k) { 
this.k = k; 
} 
public String getV() { 
return v; 
} 
public void setV(String v) { 
this.v = v; 
} 
} 