动态更新web画面

本实例根据文本框入力的值，更新到表格行上。通过表格上的删除按钮可以删除该行记录

?

文件一览

employeeList.htmlEmployeeListServlet

employeeList.html

?EmployeeListServlet
package ajaxbook.chap4;import java.io.IOException;import java.util.Random;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class EmployeeListServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {String action = req.getParameter("action");if ("add".equals(action)) {addEmployee(req,resp);} else if ("delete".equals(action)) {deleteEmployee(req,resp);}}protected void addEmployee(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {//Store the object in the databaseString uniqueID = storeEmployee();StringBuffer xml = new StringBuffer("<result><uniqueId>");xml.append(uniqueID);xml.append("</uniqueId>");xml.append("<status>1</status>");xml.append("</result>");sendResponse(resp,xml.toString());}protected void deleteEmployee(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {String uniqueID = req.getParameter("id");StringBuffer xml = new StringBuffer("<result><uniqueId>");xml.append(uniqueID);xml.append("</uniqueId>");xml.append("<status>1</status>");xml.append("</result>");sendResponse(resp,xml.toString());}private String storeEmployee() {String uniqueId = "";Random randmier = new Random(System.currentTimeMillis());for (int i = 0; i < 8; i++) {uniqueId += randmier.nextInt(9);}return uniqueId;}private void sendResponse(HttpServletResponse resp, String responseText)throws ServletException, IOException {resp.setContentType("text/xml");resp.getWriter().write(responseText);}}
?运行效果参照附件内容