编程练习

来源：2-8 自由编程

sx1011

2021-01-05 14:25:05

Employee.java

package com.imooc.ajax;

public class Employee {
	private String ename;
	private String job;
	private String dname;

	public Employee() {

	}

	public Employee(String ename, String job, String dname) {
		super();
		this.ename = ename;
		this.job = job;
		this.dname = dname;
	}

	public String getEname() {
		return ename;
	}

	public void setEname(String ename) {
		this.ename = ename;
	}

	public String getJob() {
		return job;
	}

	public void setJob(String job) {
		this.job = job;
	}

	public String getDname() {
		return dname;
	}

	public void setDname(String dname) {
		this.dname = dname;
	}

}

EmpServlet.java

package com.imooc.ajax;

import java.io.IOException;
import java.util.HashSet;
import java.util.Set;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.alibaba.fastjson.JSON;

/**
 * Servlet implementation class EmpServlet
 */
@WebServlet("/emp")
public class EmpServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public EmpServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//		String ename = {"小明","小红","小白"}; 
		Set<Employee> set = new HashSet<Employee>();
		set.add(new Employee("小明","职员","人事部"));
		set.add(new Employee("小红","职员","技术部"));
		set.add(new Employee("小白","经理","无线事业部"));
		String json = JSON.toJSONString(set);
		response.setContentType("text/html;charset=utf-8");
		response.getWriter().println(json);
//		System.out.println(json);
	}

}

emp.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
input {
	width: 33%;
}

#displayDiv {
	/* position:absolute;
	left:50%; */
	text-align:center;

}
</style>
</head>
<body>
	<input type="button" id="enameBtn" value="员工列表">
	<input type="button" id="jobBtn" value="职位列表">
	<input type="button" id="dnameBtn" value="部门列表">
	<div id="displayDiv"></div>
	<script type="text/javascript">
		/* var ename = {"小明","小白","小红"};
		var job = {"职员","经理"};
		var department = {"人事部","技术部","无线事业部"}; */
		// 员工列表
		document.getElementById("enameBtn").onclick = function() {
			var xmlhttp;
			if (window.XMLHttpRequest) {
				xmlhttp = new XMLHttpRequest();
			} else {
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.open("GET", "/ajax/emp", true);
			xmlhttp.send();
			//console.log(xmlhttp);
			xmlhttp.onreadystatechange = function() {
				if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
					var json = xmlhttp.responseText;
					console.log(json);
					var emp = JSON.parse(json);
					console.log(emp);
					var ename = "";
					for (var i = 0; i < emp.length; i++) {
						var emp1 = emp[i];
						ename = ename + emp1.ename + "<br/>"
					}
					document.getElementById("displayDiv").innerHTML = ename;
				}
			}
		};
		// 职位列表
		document.getElementById("jobBtn").onclick = function() {
			var xmlhttp;
			if (window.XMLHttpRequest) {
				xmlhttp = new XMLHttpRequest();
			} else {
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.open("GET", "/ajax/emp", true);
			xmlhttp.send();
			//console.log(xmlhttp);
			xmlhttp.onreadystatechange = function() {
				if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
					var json = xmlhttp.responseText;
					console.log(json);
					var emp = JSON.parse(json);
					console.log(emp);
					var job = "";
					for (var i = 0; i < emp.length; i++) {
						var emp2 = emp[i];
						job = job + emp2.job + "<br/>"
					}
					document.getElementById("displayDiv").innerHTML = job;
				}
			}
		};
		// 部门列表
		document.getElementById("dnameBtn").onclick = function() {
			var xmlhttp;
			if (window.XMLHttpRequest) {
				xmlhttp = new XMLHttpRequest();
			} else {
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.open("GET", "/ajax/emp", true);
			xmlhttp.send();
			//console.log(xmlhttp);
			xmlhttp.onreadystatechange = function() {
				if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
					var json = xmlhttp.responseText;
					console.log(json);
					var emp = JSON.parse(json);
					console.log(emp);
					var ename = "";
					for (var i = 0; i < emp.length; i++) {
						var emp1 = emp[i];
						ename = ename + emp1.dname + "<br/>"
					}
					document.getElementById("displayDiv").innerHTML = ename;
				}
			}
		};
	</script>
</body>
</html>