脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → AJAX相关 → JS向后台传递数组参数

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

 更新时间：2013年07月30日 16:31:50   作者：  
在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;
}
}

您可能感兴趣的文章:

相关文章

  • Jquery中ajax提交表单几种方法(get、post两种方法)

    Jquery中ajax提交表单几种方法(get、post两种方法)

    ajax技术带给我们的是良好的用户体验，同时，使用jquery可以简化开发，提高工作效率，接下来，脚本之家小编给大家分享Jquery中ajax提交表单几种方法，需要的朋友可以参考下
    2015-09-09
  • jquery通过AJAX从后台获取信息并显示在表格上的实现类

    jquery通过AJAX从后台获取信息并显示在表格上的实现类

    今天小编抽给时间把jquery通过AJAX从后台获取信息并显示在表格上的实现类，单独写出来，这样程序员，不需要每次写代码了，可以节省大量的时间，感兴趣的朋友一起来看看吧
    2015-09-09
  • 使用AJAX实现分页

    使用AJAX实现分页

    这篇文章主要为大家详细介绍了AJAX实现分页的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-04-04
  • Ajax校验用户名是否存在的方法

    Ajax校验用户名是否存在的方法

    这篇文章主要为大家详细介绍了Ajax校验用户名是否存在的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 浅析Ajax后台success传来json数据的问题

    浅析Ajax后台success传来json数据的问题

    最近在使用JQuery的ajax方法时，需要返回的数据为json数据，在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据。下面小编给大家介绍下在$.ajax方法中应该是如何来处理的
    2016-10-10
  • 你的jquery ajax无效和你的jquery引入路径有关

    你的jquery ajax无效和你的jquery引入路径有关

    当你发现你的jquery ajax无效的时候,不妨使用 fire bug调试一下，这时你会发现，提示"$"无效，为什么会有这种提示呢？可能是你引入jquery.js的路径有问题
    2013-06-06
  • Ajax请求内嵌套Ajax请求示例代码

    Ajax请求内嵌套Ajax请求示例代码

    把全国省市的两个XML文件整合成一个JSON格式的数据，就想到了用Ajax嵌套的方法来解决，查找资料，加个async：false这个Ajax参数就行了
    2014-08-08
  • ajax提交整个from表单示例代码

    ajax提交整个from表单示例代码

    这篇文章主要介绍了ajax提交整个from表单实现代码,需要的朋友可以参考下
    2014-05-05
  • 基于Ajaxupload的多文件上传操作

    基于Ajaxupload的多文件上传操作

    本文通过实例代码给大家介绍了基于Ajaxupload的多文件上传操作，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
    2017-08-08
  • Ajax结合php实现二级联动

    Ajax结合php实现二级联动

    这篇文章主要为大家详细介绍了Ajax结合php实现二级联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-08-08

最新评论