jqueryajax向后臺傳遞數組以及如何在后臺接收數組代碼詳解

來源：懂視網責編：小采時間：2020-11-27 20:16:15

jqueryajax向后臺傳遞數組以及如何在后臺接收數組代碼詳解

jqueryajax向后臺傳遞數組以及如何在后臺接收數組代碼詳解:JS中的數組是弱類型的可以放任何類型（對象、基本類型），但是如果數組中放的是對象類型，傳遞到后臺是顯示的只能是對象字符串--[object Object],原因如下：在后臺接收的時候，只能用request來接收，request.getParameterValues()方法返回的

推薦度：

點擊下載本文 文檔為doc格式

導讀jqueryajax向后臺傳遞數組以及如何在后臺接收數組代碼詳解:JS中的數組是弱類型的可以放任何類型（對象、基本類型），但是如果數組中放的是對象類型，傳遞到后臺是顯示的只能是對象字符串--[object Object],原因如下：在后臺接收的時候，只能用request來接收，request.getParameterValues()方法返回的

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了。

/** 
* 將對象轉換為JSON格式的字符串 
* @param obj 
* @return 返回JSON字符串 
*/ 
public 
static
 String toJSONAsString(Object obj){ 
try { 
return JSONMapper.toJSON(obj).render(false); 
} catch (Mapper
Exception
 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的tradional屬性

$.ajax({
 url: "/xxx",
 type: "GET",
 data: {
 "boxIds": boxIds,
 "boxType": 0,
 "time": new Date().getTime()
 },
 traditional: true,//這里設置為true
 success: function(data) {
 //do sth...
 }
});

請求參數2

這次參數不帶”[]”了，并且后臺可以成功接收到該數組。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

jqueryajax向后臺傳遞數組以及如何在后臺接收數組代碼詳解

推薦度：

點擊下載本文 文檔為doc格式

標簽：如何接收后臺詳解

熱門焦點

jqueryajax向后臺傳遞數組以及如何在后臺接收數組代碼詳解

jqueryajax向后臺傳遞數組以及如何在后臺接收數組代碼詳解

jqueryajax向后臺傳遞數組以及如何在后臺接收數組代碼詳解

最新推薦

猜你喜歡

熱門推薦