主頁 > 知識庫 > jquery ajax 向后臺傳遞數(shù)組參數(shù)示例

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

熱門標(biāo)簽:科大訊飛語音識別系統(tǒng) Linux服務(wù)器 電子圍欄 團(tuán)購網(wǎng)站 阿里云 服務(wù)器配置 銀行業(yè)務(wù) Mysql連接數(shù)設(shè)置

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

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

實現(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[]");

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

EnumerationString> 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, ClassT> 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;
}
}

您可能感興趣的文章:
  • jquery實現(xiàn)ajax提交form表單的方法總結(jié)
  • jquery中ajax使用error調(diào)試錯誤的方法
  • jquery中ajax處理跨域的三大方式
  • jquery ajax提交表單數(shù)據(jù)的兩種方式
  • jquery ajax例子返回值詳解
  • JQuery的Ajax請求實現(xiàn)局部刷新的簡單實例
  • JQuery AJAX提交中文亂碼的解決方案
  • JQuery處理json與ajax返回JSON實例代碼
  • Jquery中ajax方法data參數(shù)的用法小結(jié)
  • jQuery AJAX應(yīng)用實例總結(jié)

標(biāo)簽:衡水 萍鄉(xiāng) 大理 江蘇 廣元 棗莊 蚌埠 衢州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《jquery ajax 向后臺傳遞數(shù)組參數(shù)示例》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266