jQuery AJAX 传递数组参数到后台示例
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本示例展示了如何使用jQuery AJAX将JavaScript数组作为参数发送至服务器端，并处理接收到的数据。通过简洁代码实现高效数据交互。
在JavaScript中使用jQuery的AJAX功能与服务器进行异步数据交互时常会遇到一个问题：如何有效地传递数组参数给后台服务端？尤其是当这些数组包含复杂对象的时候。
理解这个问题的关键在于，如果直接将含有对象类型的数组传送到后方，则这个过程中所有非基本类型的数据会被默认转换成字符串形式[object Object]。这是因为HTTP请求的参数通常是键值对的形式，而服务器接收时会使用`request.getParameterValues()`方法来获取这些数据。此方法只能处理String[]格式的数据输入，因此在对象被序列化为字符串的过程中，默认调用了`toString()`方法。
解决这个问题的一种常见方式是利用JSON（JavaScript Object Notation）。通过将复杂的JavaScript对象转换成易于传输的JSON字符串，在后端可以再将其解析回相应的Java对象。这种方法不仅适用于简单的数据类型数组，也适合处理包含复杂结构的对象数组。
例如，假设我们有如下两个类：
```java
public class Person {
private String username;
private String password;
private Address addr;
// getters and setters...
}
public class Address {
private String street;
// getters and setters...
}
```
在JavaScript端构建一个`Person`对象的数组，并将其转换为JSON字符串，可以使用如下代码实现：
```javascript
var persons = [];
// 填充persons数组...
var jsonData = JSON.stringify(persons);
$.ajax({
url: yourServletUrl,
type: POST,
data: { persons : jsonData },
contentType:application/json,
success: function(response) {
// 处理响应...
}
});
```
在服务器端，可以使用如`json-lib-2.4-jdk15.jar`这样的库来解析JSON字符串并将其转换为Java对象。例如：
```java
import net.sf.json.*;
public class JSONUtil {
public static String toJSONAsString(Object obj) {
try{
return JSONObject.fromObject(obj).toString();
} catch (Exception e){
e.printStackTrace();
}
return null;
}
public static
全部评论 (0)
