首頁 > web前端 > js教程 > jquery ajax 向後台傳遞數組以及如何在後台接收數組代碼詳解

jquery ajax 向後台傳遞數組以及如何在後台接收數組代碼詳解

伊谢尔伦
發布: 2017-07-17 14:06:26
原創
3117 人瀏覽過

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(&#39;{"k":&#39;); 
temp.push(int); 
temp.push(&#39;,"v":&#39;); 
temp.push(int); 
temp.push(&#39;}&#39;); 
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

這次參數不帶”[]”了,並且後台可以成功接收到該數組。


以上是jquery ajax 向後台傳遞數組以及如何在後台接收數組代碼詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板