Ajax解析后台来json文件,是用jQuery方式实现的。依赖jQuery库。
jQuery库
Coding coming…
需求:从后台发送学生的json对象,输出到前台,依赖Java解析json的jar包。
java解析json
实体类
package com.lovely.entity;public class Student {/*** test JSON * 解析*/private String name;private int age;public String getName() {return name;}public void setName(String name) {this.name = name;}public int getAge() {return age;}public void setAge(int age) {this.age = age;}// 这个toString 方法一定要以json格式重写 // 我的json包版本,对于自定义对象的json,输出的是内存地址@Overridepublic String toString() {return "{\"name\":" + "\"" + name + "\"" + ", \"age\":" + age + "}";}}
servlet里面的service方法
Student stu1 = new Student();stu1.setAge(1);stu1.setName("abc");Student stu2 = new Student();stu2.setAge(2);stu2.setName("def");Student stu3 = new Student();stu3.setAge(3);stu3.setName("ghi");JSONObject json = new JSONObject();json.put("stu1", stu1);json.put("stu2", stu2);json.put("stu3", stu3);System.out.println(json);// 发送给页面out.print(json);
前台页面
<button onclick= "get()">取值</button><script type="text/javascript" src = "js/jquery-1.8.3.min.js"></script><script type="text/javascript">function get() {$.getJSON("testJsonServlet","value=" + 1,function(result) {//alert(result);var JsonObj = eval(result);$.each(JsonObj,function(i, element) {alert(this.name + "==" + this.age); });});}</script>