jquery ajax 向后台传递数组参数示例_编程语言综合--HTML5中文学习网

在JS中向后台传递数组参数，如果数组中放的是对象类型，传递到后台是显示的只能是对象字符串--[object Object],具体的原因及解决方法如下，有类似问题的朋友可以参考下

需求：
在JS中向后台传递数组参数

分析：
JS中的数组是弱类型的可以放任何类型（对象、基本类型），但是如果数组中放的是对象类型，传递到后台是显示的只能是对象字符串--[object Object],原因如下：
在后台接收的时候，只能用request来接收，request.getParameterValues()方法返回的是一个String[],所以，应该是在前台传输的时候调用了对象的toString()方法,那么如果依然想传递对象怎么办？凉拌！
但是可以使用JSON字符串来实现，在后台把JSON字符串解析成JAVA对象。

也许，你要说如果是复合对象怎么办，比如如下：

复制代码代码如下:

78ZHTML5中文学习网 - HTML5先行者学习网
public class Person { 78ZHTML5中文学习网 - HTML5先行者学习网
private String username; 78ZHTML5中文学习网 - HTML5先行者学习网
private String password; 78ZHTML5中文学习网 - HTML5先行者学习网
private Address addr; 78ZHTML5中文学习网 - HTML5先行者学习网
} 

Person对象里有个Address类型的addr属性，没关系，任何对象最终用到的属性值都是基本数据类型，只需要使用对应的包装类型parseInt、或者parseXXX解析即可。

实现：
OK，原理就是这么个。先看JS如何写：

复制代码代码如下:

78ZHTML5中文学习网 - HTML5先行者学习网
var as = []; 78ZHTML5中文学习网 - HTML5先行者学习网
var temp = []; 78ZHTML5中文学习网 - HTML5先行者学习网
for ( var int = 0; int < 5; int++) { 78ZHTML5中文学习网 - HTML5先行者学习网
temp.push('{"k":'); 78ZHTML5中文学习网 - HTML5先行者学习网
temp.push(int); 78ZHTML5中文学习网 - HTML5先行者学习网
temp.push(',"v":'); 78ZHTML5中文学习网 - HTML5先行者学习网
temp.push(int); 78ZHTML5中文学习网 - HTML5先行者学习网
temp.push('}'); 78ZHTML5中文学习网 - HTML5先行者学习网
as.push(temp.join("")); 78ZHTML5中文学习网 - HTML5先行者学习网
} 78ZHTML5中文学习网 - HTML5先行者学习网
//Jquery中的方法，具体参考Jquery API 78ZHTML5中文学习网 - HTML5先行者学习网
$.post( 78ZHTML5中文学习网 - HTML5先行者学习网
"servlet/AjaxServlet?m=putWarningRule",{"aa":as} 78ZHTML5中文学习网 - HTML5先行者学习网
); 78ZHTML5中文学习网 - HTML5先行者学习网
 

最终拼成的串就是如下样式，（只作举例）

复制代码代码如下:

78ZHTML5中文学习网 - HTML5先行者学习网
{"k":0,"v":0} 

后台接收，不讨论任何框架，只需要HttpServletRequest即可

复制代码代码如下:

78ZHTML5中文学习网 - HTML5先行者学习网
String[] jsonArr = request.getParameterValues("aa[]"); 

有一点需要注意，在js中传参的时候参数名叫"aa"，而在后台接收的时候却是"aa[]"，这里应该是Jquery做了转换，所以最好的方式就是在JS中就改为"aa[]"，之所以这里没有写"[]"是为了说明问题。可以使用如下方式打印request中的所有参数

复制代码代码如下:

78ZHTML5中文学习网 - HTML5先行者学习网
Enumeration<String> names = request.getParameterNames(); 78ZHTML5中文学习网 - HTML5先行者学习网
while (names.hasMoreElements()) { 78ZHTML5中文学习网 - HTML5先行者学习网
String string = (String) names.nextElement(); 78ZHTML5中文学习网 - HTML5先行者学习网
System.out.println(string); 78ZHTML5中文学习网 - HTML5先行者学习网
} 

OK，至此为止，已经接收完毕，剩下的就是如何将一个JSON字符串转成一个POJO了。我使用jsontools-core-1.7.jar，此jar包依赖 antlr-2.7.7.jar，自行到代码库中下载，下载完毕，导入classpath，写一个简单的工具类，主要有这么2个方法：

复制代码代码如下:

78ZHTML5中文学习网 - HTML5先行者学习网
/** 78ZHTML5中文学习网 - HTML5先行者学习网
* 将对象转换为JSON格式的字符串 78ZHTML5中文学习网 - HTML5先行者学习网
* @param obj 78ZHTML5中文学习网 - HTML5先行者学习网
* @return 返回JSON字符串 78ZHTML5中文学习网 - HTML5先行者学习网
*/ 78ZHTML5中文学习网 - HTML5先行者学习网
public static String toJSONAsString(Object obj){ 78ZHTML5中文学习网 - HTML5先行者学习网
try { 78ZHTML5中文学习网 - HTML5先行者学习网
return JSONMapper.toJSON(obj).render(false); 78ZHTML5中文学习网 - HTML5先行者学习网
} catch (MapperException e) { 78ZHTML5中文学习网 - HTML5先行者学习网
e.printStackTrace(); 78ZHTML5中文学习网 - HTML5先行者学习网
} 78ZHTML5中文学习网 - HTML5先行者学习网
return null; 78ZHTML5中文学习网 - HTML5先行者学习网
} 78ZHTML5中文学习网 - HTML5先行者学习网
78ZHTML5中文学习网 - HTML5先行者学习网
@SuppressWarnings("unchecked") 78ZHTML5中文学习网 - HTML5先行者学习网
public  static <T> T jsonToObject(String jsonStr, Class<T>  targetClass) throws TokenStreamException, RecognitionException,  MapperException{ 78ZHTML5中文学习网 - HTML5先行者学习网
JSONValue jv = new JSONParser(new StringReader(jsonStr)).nextValue(); 78ZHTML5中文学习网 - HTML5先行者学习网
return (T) JSONMapper.toJava(jv,targetClass); 78ZHTML5中文学习网 - HTML5先行者学习网
} 78ZHTML5中文学习网 - HTML5先行者学习网
78ZHTML5中文学习网 - HTML5先行者学习网
//test 78ZHTML5中文学习网 - HTML5先行者学习网
public static void main(String[] args) throws Exception { 78ZHTML5中文学习网 - HTML5先行者学习网
Person p = new Person(); 78ZHTML5中文学习网 - HTML5先行者学习网
p.setK("a"); 78ZHTML5中文学习网 - HTML5先行者学习网
p.setV("v"); 78ZHTML5中文学习网 - HTML5先行者学习网
78ZHTML5中文学习网 - HTML5先行者学习网
String json = toJSONAsString(p); 78ZHTML5中文学习网 - HTML5先行者学习网
Person np = jsonToObject(json,Person.class); 78ZHTML5中文学习网 - HTML5先行者学习网
System.out.println(np.getK()+"=="+np.getV()); 78ZHTML5中文学习网 - HTML5先行者学习网
} 

request取到值后，遍历数组，挨个转换

复制代码代码如下:

78ZHTML5中文学习网 - HTML5先行者学习网
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;
}
}