Person、Address 2个类描述一个人,用ajax把数据取回显示在页面上,在DemoServlet里组装数据,项目用到的文件
json-lib-2.1-jkd15.jar
commons-lang-2.1.jar
commons-logging.jar
commons-collections-3.2.jar
commons-beanutils.jar
jquery.js
json.js
下面是详细代码:
Person:
public class Person implements java.io.Serializable {
private String name;
private String sex;
private Integer age;
private Address address;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public Integer getAge() {
return age;
}
public void setAge(Integer age) {
this.age = age;
}
public Address getAddress() {
return address;
}
public void setAddress(Address address) {
this.address = address;
}
}
public class Person implements java.io.Serializable {
private String name;
private String sex;
private Integer age;
private Address address;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public Integer getAge() {
return age;
}
public void setAge(Integer age) {
this.age = age;
}
public Address getAddress() {
return address;
}
public void setAddress(Address address) {
this.address = address;
}
}
Address:
public class Address implements java.io.Serializable {
private String province;
private String city;
private String country;
public Address() {
}
public Address(String province, String city, String country) {
this.province = province;
this.city = city;
this.country = country;
}
public String getProvince() {
return province;
}
public void setProvince(String province) {
this.province = province;
}
public String getCity() {
return city;
}
public void setCity(String city) {
this.city = city;
}
public String getCountry() {
return country;
}
public void setCountry(String country) {
this.country = country;
}
}
public class Address implements java.io.Serializable {
private String province;
private String city;
private String country;
public Address() {
}
public Address(String province, String city, String country) {
this.province = province;
this.city = city;
this.country = country;
}
public String getProvince() {
return province;
}
public void setProvince(String province) {
this.province = province;
}
public String getCity() {
return city;
}
public void setCity(String city) {
this.city = city;
}
public String getCountry() {
return country;
}
public void setCountry(String country) {
this.country = country;
}
}
DemoServlet:
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import org.wncnke.json.pojo.Address;
import org.wncnke.json.pojo.Person;
public class DemoServlet extends HttpServlet{
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/xml;charset=utf-8");
response.setHeader("Cache-Control","no-cache");
try{
Person person1 = new Person();
person1.setName("小王");
person1.setSex("女");
person1.setAge(23);
person1.setAddress(new Address("辽宁省","大连市","高新园区"));
List<Person> list = new ArrayList<Person>();
list.add(person1);
try {
//取集合
JSONArray jsonArray = JSONArray.fromObject(list);
JSONObject jsonObject = new JSONObject();
jsonObject.put("person", jsonArray);
response.getWriter().write(jsonObject.toString());
} catch (IOException e) {
e.printStackTrace();
}
}catch(Exception e){
e.printStackTrace();
}
}
} web.xml:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://caucho.com/ns/resin" xmlns:resin="http://caucho.com/ns/resin/core">
<display-name>json</display-name>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>DemoServlet</servlet-name>
<servlet-class>org.wncnke.json.servlet.DemoServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>DemoServlet</servlet-name>
<url-pattern>/demoServlet</url-pattern>
</servlet-mapping>
</web-app>
index.jsp:
view plaincopy to clipboardprint?
<%@ page language="java" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<mce:script language="javascript" src="script/jquery.js" mce_src="script/jquery.js"></mce:script>
<mce:script language="javascript" src="script/json.js" mce_src="script/json.js"></mce:script>
<mce:script language="javascript"><!--
function addPerson(){
$.getJSON("demoServlet",null,function call(data) {
var list = data.person;
$.each(list, function(i, p) {
var row = $("#tr").clone();
row.find("#name").text(p.name);
row.find("#age").text(p.age);
row.find("#sex").text(p.sex);
row.find("#address").text(p.address.province + p.address.city + p.address.country);
row.appendTo("#tbody");
});
});
}
// --></mce:script>
</head>
<body>
<input type="button" value="JsonView" onClick="addPerson();">
<div id="dateMessage">
<table id="planTable" border="1">
<tr>
<td>Name</td>
<td>Sex</td>
<td>Age</td>
<td>Address</td>
</tr>
<tbody id="tbody">
<tr id="tr">
<td id="name"></td>
<td id="sex"></td>
<td id="age"></td>
<td id="address"></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
分享到:
相关推荐
JSP+Jquery+JSON 集合实现AJAX 保障运行 全部最新jar包 学习json+Jquery不可多得的资料 很多网站都是讲的一知半解
JSON+Jquery+servlet+jsp+ajax例子,方便学习的人。
这是前台用jsp页面,并应用jquery、easyui、ajax、struts2技术,以json数据格式传输的一个登录例子
利用jQuery+Ajax+json从数据库获取数据,将获取的数据利用json格式传递,实现select控件三级联动;内附数据库sql脚本。
JSP+jquery使用ajax方式调用json的实现方法.docx
OA项目,使用SSM框架开发,使用EASYUI前端AJAX的JSON传值实现,对数据进行合理封装。
c3p0+dbUtils+Ajax+Json+Jquery实现【增删改查】Demo!不解释,我博客里有效果图!看了效果图再决定下不下,值不值!内含数据库备份文件!
本文实例讲述了JSP+jquery使用ajax方式调用json的实现方法。分享给大家供大家参考,具体如下: 前台: [removed][removed] [removed] //test function test(uid) { if(confirm(确定该用户操作+uid+吗?)...
很多示例我都下载看了,要么复杂,要么就实现不了。我这个示例是自己亲手写的。新建一个eslipse项目,...示例包括jquery通过ajax获取selvert类中转换的json数据和javascript通过ajax获取selvert类中转换的json数据。
News:新闻发布系统,新闻后台管理BootStrap + Jsp + Servlet + Jdbc + Mysql + Jquery + Ajax
6.利用JQuery的$.ajax,$.post,$.get方法,分别返回text,xml,json等格式数据,通过fastjson生成JSON格式数据; 7.使用JQuery的ajax技术,在一个页面实现新增、修改、删除、查询、分页,文件上传等功能;
AJAX使用jquery和json实现。视图层并没有使用传统的JSP技术,而是使用更为专业、灵活、高效freemarker。 数据库使用MYSQL,并可支持orcale、DB2、SQLServer等主流数据库。应用服务器使用tomcat,并支持其他weblogic...
从后台取出json数据,然后以table的形式展出。包含序号,名字,年龄。如1,张三,22。一共两行数据。
主要实现步骤如下: 1、JSP页面使用脚本代码执行ajax请求 2、Action中查询出需要返回的数据,并转换为json类型模式数据 3、配置struts.xml文件 4、页面脚本接受并处理数据!
一个关于Jquery+ajax+jsp分页 因为ajax回调函数支持返回的类型有json,html,xml,里面三种都有,受益良多,与大家分享
项目描述 jsp+servlet开发的景点旅游网站 运行环境 ...2.前台和后台都是html模板,然后通过jquery ajax获取数据渲染,没有jsp技术 3.前台大部分页面是静态的模板内容,有交互的比如留言是ajax写入数据
一、项目简述 本系统功能包括:springboot+springmvc+mybatis的流浪 猫救助系统,后台分为普通用户可...项目技术: JSP +SpringBoot + MyBatis + Json+ Css + JavaScript + JQuery + Ajax + PageHelper+ Maven等等。