后台有两个List都转换为json格式数据返回给前台JSP页面 页面上怎么区分开这两个List的数据

高分请说下,后台有两个List都转换为json格式数据返回给前台JSP页面 页面上怎么区分开这两个List的数据
最新回答
逗二比

2025-03-31 01:35:14

在后端处理时,可以将两个List集合封装到一个Map中,然后将这个Map转换为JSON格式返回给前端。例如:

Map<String, Object> map = new HashMap<>();
map.put("list1", list1);
map.put("list2", list2);
return JSON.toJSONString(map);

这样前端JSP页面就可以通过JSON对象来区分两个List。具体获取方式如下:

在JavaScript中可以这样解析:

var json = JSON.parse(jsonStr);
var list1 = json.list1;
var list2 = json.list2;

其中,jsonStr是后端返回的JSON字符串。通过这种方式,前端可以方便地使用list1和list2两个变量分别处理不同的数据。

另外,也可以考虑在后端为每个List添加一个标识字段,例如:

public class DataItem {
private String type;
private String value;

public String getType() {
return type;
}

public void setType(String type) {
this.type = type;
}

public String getValue() {
return value;
}

public void setValue(String value) {
this.value = value;
}
}

然后将List转换为DataItem对象的List,再将这些List封装到一个Map中返回给前端:

Map<String, List<DataItem>> map = new HashMap<>();
map.put("list1", list1Items);
map.put("list2", list2Items);
return JSON.toJSONString(map);

前端可以这样解析:

var json = JSON.parse(jsonStr);
var list1Items = json.list1;
var list2Items = json.list2;

通过这种方式,前端可以根据DataItem对象的type属性来区分不同类型的List数据。