程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 更多關於編程 >> jquery ajax 向後台傳遞數組參數示例

jquery ajax 向後台傳遞數組參數示例

編輯:更多關於編程
    在JS中向後台傳遞數組參數,如果數組中放的是對象類型,傳遞到後台是顯示的只能是對象字符串--[object Object],具體的原因及解決方法如下,有類似問題的朋友可以參考下  

    需求:
    在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;
    }
    }

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved