jquery ajax 向后台传递数组参数示例
更新时间：2013年07月30日 16:31:50 作者：
在JS中向后台传递数组参数，如果数组中放的是对象类型，传递到后台是显示的只能是对象字符串--[object Object],具体的原因及解决方法如下，有类似问题的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
需求：
在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;
}
}
相关文章
这篇文章主要介绍了django获取ajax的post复杂对象的实现方法,需要的朋友可以参考下2017-10-10
这篇文章主要为大家详细介绍了Ajax实现搜索功能的分页，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要给大家介绍了关于Struts2和Ajax数据交互的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-01-01
当然你也可以使用jquery或者ajax写动态加载table的方式来实现,方式多种多样，感兴趣的朋友可以了解下，希望本文提供的静态刷新页面对你学习ajax有所帮助2013-02-02
今天小编就为大家分享一篇详谈ajax返回数据成功 却进入error的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
Ajax的缓存问题，是比较烦人的，不过是有解决方法的，而且还不止一种，可以在URL后面加上一个随机数或时间搓都可以的2014-08-08
下面给大家介绍JS实现AJAX局部刷新功能，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。对ajax实现局部刷新功能感兴趣的朋友一起看看吧2017-02-02
在工作中用了Ajax N多次了，也看过一些相关方面的书籍，也算是认识了它，本文对ajax原理坐下总结,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了IE浏览器关于ajax的缓存机制,文中给大家提到了Ajax解决浏览器的缓存问题，解决方法有很多种，需要的朋友可以参考下2018-08-08
这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-12-12
最新评论