jquery ajax 向後台傳遞數組參數樣本

來源:互聯網
上載者:User
在JS中向後台傳遞數組參數,如果數組中放的是物件類型,傳遞到後台是顯示的只能是對象字串--[object Object],具體的原因及解決方案如下,有類似問題的朋友可以參考下 

需求:
在JS中向後台傳遞數組參數

分析:
JS中的數組是弱類型的可以放任何類型(對象、基本類型),但是如果數組中放的是物件類型,傳遞到後台是顯示的只能是對象字串--[object Object],原因如下:
在後台接收的時候,只能用request來接收,request.getParameterValues()方法返回的是一個String[],所以,應該是在前台傳輸的時候調用了對象的toString()方法,那麼如果依然想傳遞對象怎麼辦?涼拌!
但是可以使用JSON字串來實現,在後台把JSON字串解析成JAVA對象。

也許,你要說如果是綜合物件怎麼辦,比如如下:

複製代碼 代碼如下:
public class Person {
private String username;
private String password;
private Address addr;
}


Person對象裡有個Address類型的addr屬性,沒關係,任何對象最終用到的屬性值都是基礎資料型別 (Elementary Data Type),只需要使用對應的封裝類型parseInt、或者parseXXX解析即可。

實現:
OK,原理就是這麼個。先看JS如何寫:

複製代碼 代碼如下:
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}
);
 


最終拼成的串就是如下樣式,(只作舉例)

複製代碼 代碼如下:
{"k":0,"v":0}


後台接收,不討論任何架構,只需要HttpServletRequest即可

複製代碼 代碼如下:
String[] jsonArr = request.getParameterValues("aa[]");


有一點需要注意,在js中傳參的時候參數名叫"aa",而在後台接收的時候卻是"aa[]",這裡應該是Jquery做了轉換,所以最好的方式就是在JS中就改為"aa[]",之所以這裡沒有寫"[]"是為了說明問題。可以使用如下方式列印request中的所有參數

複製代碼 代碼如下:
Enumeration<String> names = request.getParameterNames();
while (names.hasMoreElements()) {
String string = (String) names.nextElement();
System.out.println(string);
}


OK, 至此為止,已經接收完畢,剩下的就是如何將一個JSON字串轉成一個POJO了。我使用jsontools-core-1.7.jar,此jar包依賴 antlr-2.7.7.jar,自行到程式碼程式庫中下載,下載完畢,匯入classpath,寫一個簡單的工具類,主要有這麼2個方法:

複製代碼 代碼如下:
/**
* 將對象轉換為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取到值後,遍曆數組,挨個轉換

複製代碼 代碼如下:
Person p = JSONUtils.jsonToObject(jsonArr[0], Person.class);


Person類如下:

複製代碼 代碼如下:


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;
}
}

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.