jquery ajax 向后台传递数组以及如何在后台接收数组代码详解-js教程-PHP中文网

jquery ajax 向后台传递数组以及如何在后台接收数组代码详解

伊谢尔伦

发布： 2017-07-17 14:06:26

原创

3354人浏览过

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了。

/** 
* 将对象转换为JSON格式的字符串 
* @param obj 
* @return 返回JSON字符串 
*/ 
public 
static
 String toJSONAsString(Object obj){ 
try { 
return JSONMapper.toJSON(obj).render(false); 
} catch (Mapper
Exception
 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取到值后，遍历数组，挨个转换

即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台，支持数字人形象定制、短视频创作、数字人直播等。

查看详情

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的tradional属性

$.ajax({
  url: "/xxx",
  type: "GET",
  data: {
    "boxIds": boxIds,
    "boxType": 0,
    "time": new Date().getTime()
  },
  traditional: true,//这里设置为true
  success: function(data) {
    //do sth...
  }
});

登录后复制

请求参数2

这次参数不带”[]”了，并且后台可以成功接收到该数组。

以上就是jquery ajax 向后台传递数组以及如何在后台接收数组代码详解的详细内容，更多请关注php中文网其它相关文章！