• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    jquery ajax 向后台传递数组参数示例

    需求:
    在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中的所有参数
    复制代码 代码如下:

    EnumerationString> 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, 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取到值后,遍历数组,挨个转换
    复制代码 代码如下:

    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提交form表单的方法总结
    • jquery中ajax使用error调试错误的方法
    • jquery中ajax处理跨域的三大方式
    • jquery ajax提交表单数据的两种方式
    • jquery ajax例子返回值详解
    • JQuery的Ajax请求实现局部刷新的简单实例
    • JQuery AJAX提交中文乱码的解决方案
    • JQuery处理json与ajax返回JSON实例代码
    • Jquery中ajax方法data参数的用法小结
    • jQuery AJAX应用实例总结
    上一篇:IIS7中Ajax.AjaxMethod无效的原因及解决方法
    下一篇:PHP+AJAX无刷新实现返回天气预报数据
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    jquery ajax 向后台传递数组参数示例 jquery,ajax,向,后台,传递,