文章摘要
在JavaScript中向后台传递数组参数时，需要特别注意数据类型的处理。JS的数组是弱类型，可以存储任何数据类型（包括对象），但当传递的对象类型（如`Object`）时，后台接收端（使用`request.getParameterValues()`）只能返回`String[]`，因此会显示为`[object Object]`。为解决此问题，可以采用以下方法： 1. **使用JSON字符串传递对象**：在前端将对象转换为JSON字符串，然后在后端使用`JSONMapper`解析这些字符串为JavaBean对象。例如，可以在前端生成JSON字符串： ```javascript var obj = new Person("a", "v"); var jsonString = JSONMapper.toJSON(obj).render(false); ``` 在后端，可以通过以下方法解析JSON字符串为`Person`对象： ```java public static Person jsonToObject(String jsonStr) throws MapperException { JSONValue jv = new JSONParser(new StringReader(jsonStr)).nextValue(); return (Person) JSONMapper.toJava(jv, Person.class); } ``` 2. **工具类示例**：可以创建一个工具类，提供将对象转换为JSON字符串和将JSON字符串解析为对象的方法。例如： ```java public static String toJSONAsString(Object obj) { try { return JSONMapper.toJSON(obj).render(false); } catch (MapperException e) { e.printStackTrace(); } return null; } public static <T> T jsonToObject(String jsonStr, Class<T>) throws MapperException { JSONValue jv = new JSONParser(new StringReader(jsonStr)).nextValue(); return (T) JSONMapper.toJava(jv, targetClass); } ``` 3. **处理数组时的注意事项**：在前端生成的JSON字符串数组中，每个元素都是一个JSON对象，后端解析时需要遍历数组并逐个转换为对应的JavaBean对象。 这种方法确保了对象在前端和后端的正确传递和解析，避免了因类型问题导致的显示错误。
需求：
在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”,
);
最终拼成的串就是如下样式，（只作举例）
复制代码 代码如下:
后台接收，不讨论任何框架，只需要HttpServletRequest即可
复制代码 代码如下:
String[] jsonArr=request.getParameterValues(“aa[]”);
有一点需要注意，在js中传参的时候参数名叫”aa”，而在后台接收的时候却是”aa[]”，这里应该是Jquery做了转换，所以最好的方式就是在JS中就改为”aa[]”，之所以这里没有写”[]”是为了说明问题。可以使用如下方式打印request中的所有参数
复制代码 代码如下:
Enumeration
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个方法：
复制代码 代码如下:
public static String toJSONAsString(Object obj){
try {
return JSONMapper.toJSON(obj).render(false);
} catch (MapperException e) {
e.printStackTrace();
}
return null;
}
@SuppressWarnings(“unchecked”)
public static
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应用实例总结
© 版权声明
文章版权归作者所有，未经允许请勿转载。
