发送给前端的数据封装成json格式,然后前段进行解析。
前端核心代码:
<script type="text/javascript">
function ask(){
//1创建ajax对象
var xhr = null;
if(window.XMLHttpRequest){//高版本
xhr = new XMLHttpRequest();
}else{//低版本
xhr = new ActiveXObject("Microsoft.XMLHttp");
}
//2请求地址 ※※※※
var url = "<c:url value='/JsonServlet3'/>";
//3设置访问方式
xhr.open("POST", url, true);
//4设置访问成功返回后的操作
xhr.onreadystatechange=function(){
if(xhr.readyState==4){//返回
if(xhr.status==200){//响应代码正常
var txt = xhr.responseText;
//※※※※※解析后台返回的json串
//js中eval()方法的功能:是校验参数文本串符合js中哪一种数据类型,并把其转换成对应类型的对象
var users = eval( "("+txt+")"); //把符合json格式的文本串 转换成 json对象
for(var i=0; i<users.length;i++){
alert(users[i].id +","+users[i].name+","+users[i].age)
}
}
}
}
//5 发送
xhr.send(null);
}
</script>
1、手动封装方式:
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
List<User>users = new ArrayList<User>();
users.add(new User("U001" ,"张三", 20));
users.add(new User("U002" ,"李四", 21));
users.add(new User("U003" ,"王五", 22));
users.add(new User("U004" ,"赵六", 23));
String json ="";
//用java封装出json格式的字符串:[{name:"Jack",age:25}, {...}, {...} ]
for(User u: users){
if(json.equals("")){
/*
json = { "name":u.getName(),"id":u.getId(),"age":u.getAge()} ;
*/
json = "{ name:\""+u.getName()+"\",id:\""+u.getId()+"\",age:"+u.getAge()+"}" ;
}else{
json = json +",{ name:\""+u.getName()+"\",id:\""+u.getId()+"\",age:"+u.getAge()+"}" ;
}
}
json = "["+json+"]";
response.setCharacterEncoding("utf-8");
response.getWriter().print(json);
}
2、apache工具封装:
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
List<User>users = new ArrayList<User>();
users.add(new User("U001" ,"张三", 20));
users.add(new User("U002" ,"李四", 21));
users.add(new User("U003" ,"王五", 22));
users.add(new User("U004" ,"赵六", 23));
/*
//用apache的json工具(一堆jar包)帮我们把list转换成json串
JSONArray json = JSONArray.fromObject(users);
String strJson = json.toString();
response.setCharacterEncoding("utf-8");
response.getWriter().print(strJson);
response.setCharacterEncoding("utf-8");
response.getWriter().print(strJson);
*/
Map<String, Object> map = new HashMap<String, Object>();
map.put("addr", "湖南");
map.put("height", "170");
map.put("marry", "no");
map.put("user", new User("A003","小李",25));
JSONObject obj = JSONObject.fromObject(map);
System.out.println(obj.toString());
}
fastjson工具封装:
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
List<User>users = new ArrayList<User>();
users.add(new User("U001" ,"张三", 20));
users.add(new User("U002" ,"李四", 21));
users.add(new User("U003" ,"王五", 22));
users.add(new User("U004" ,"赵六", 23));
//用fastjson工具(只有一个jar包)帮我们把list转换成json串
String strJson= JSON.toJSONString(users);
Map<String, Object> map = new HashMap<String, Object>();
map.put("addr", "湖南");
map.put("height", "170");
map.put("marry", "no");
map.put("user", new User("A003","小李",25));
String str= JSON.toJSONString(map);
System.out.println(str);
response.setCharacterEncoding("utf-8");
System.out.println(strJson);
response.getWriter().println(strJson);
}