jquery中怎么使用ajax向后臺傳遞數組參數

這篇文章給大家介紹jquery中怎么使用ajax向后臺傳遞數組參數，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

需求：
在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屬性，沒關系，任何對象最終用到的屬性值都是基本數據類型，只需要使用對應的包裝類型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;
}
}

關于jquery中怎么使用ajax向后臺傳遞數組參數就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。