jquery中怎么使用ajax向后臺(tái)傳遞數(shù)組參數(shù)

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

創(chuàng)新互聯(lián)公司從2013年成立，公司以成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計(jì)等為主要業(yè)務(wù)，適用行業(yè)近百種。服務(wù)企業(yè)客戶上1000家，涉及國內(nèi)多個(gè)省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗(yàn)。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計(jì)、宣傳推廣等服務(wù)。通過專業(yè)的設(shè)計(jì)、獨(dú)特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。

需求：
在JS中向后臺(tái)傳遞數(shù)組參數(shù)

分析：
JS中的數(shù)組是弱類型的可以放任何類型（對(duì)象、基本類型），但是如果數(shù)組中放的是對(duì)象類型，傳遞到后臺(tái)是顯示的只能是對(duì)象字符串--[object Object],原因如下：
在后臺(tái)接收的時(shí)候，只能用request來接收，request.getParameterValues()方法返回的是一個(gè)String[],所以，應(yīng)該是在前臺(tái)傳輸?shù)臅r(shí)候調(diào)用了對(duì)象的toString()方法,那么如果依然想傳遞對(duì)象怎么辦？涼拌！
但是可以使用JSON字符串來實(shí)現(xiàn)，在后臺(tái)把JSON字符串解析成JAVA對(duì)象。

也許，你要說如果是復(fù)合對(duì)象怎么辦，比如如下：

復(fù)制代碼代碼如下:

public class Person {
private String username;
private String password;
private Address addr;
}

Person對(duì)象里有個(gè)Address類型的addr屬性，沒關(guān)系，任何對(duì)象最終用到的屬性值都是基本數(shù)據(jù)類型，只需要使用對(duì)應(yīng)的包裝類型parseInt、或者parseXXX解析即可。

實(shí)現(xiàn)：
OK，原理就是這么個(gè)。先看JS如何寫：

復(fù)制代碼代碼如下:

最終拼成的串就是如下樣式，（只作舉例）

復(fù)制代碼代碼如下:

{"k":0,"v":0}

后臺(tái)接收，不討論任何框架，只需要HttpServletRequest即可

復(fù)制代碼代碼如下:

String[] jsonArr = request.getParameterValues("aa[]");

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

復(fù)制代碼代碼如下:

Enumeration<String> names = request.getParameterNames();
while (names.hasMoreElements()) {
String string = (String) names.nextElement();
System.out.println(string);
}

OK，至此為止，已經(jīng)接收完畢，剩下的就是如何將一個(gè)JSON字符串轉(zhuǎn)成一個(gè)POJO了。我使用jsontools-core-1.7.jar，此jar包依賴antlr-2.7.7.jar，自行到代碼庫中下載，下載完畢，導(dǎo)入classpath，寫一個(gè)簡單的工具類，主要有這么2個(gè)方法：

復(fù)制代碼代碼如下:

/**
* 將對(duì)象轉(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, 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取到值后，遍歷數(shù)組，挨個(gè)轉(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;
}
}

關(guān)于jquery中怎么使用ajax向后臺(tái)傳遞數(shù)組參數(shù)就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

本文題目：jquery中怎么使用ajax向后臺(tái)傳遞數(shù)組參數(shù)
當(dāng)前路徑：http://muchs.cn/article2/gpgpic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、外貿(mào)建站、搜索引擎優(yōu)化、App設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容