Ajax_动态更新Web页面

最新推荐文章于 2023-09-09 00:19:02 发布

fsgsdfghdfh

最新推荐文章于 2023-09-09 00:19:02 发布

阅读量118

点赞数

分类专栏： Ajax技术应用文章标签： Web Ajax XML JavaScript XHTML ViewUI

Ajax技术应用专栏收录该内容

9 篇文章 0 订阅

订阅专栏

JSP部分：

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
　　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Employee List</title>
<script type="text/javascript">
　　var xmlHttp;
　　var name;
　　var title;
　　var department;
　　var deleteID;
　　var EMP_PREFIX = "emp-";

　　function createXMLHttpRequest() {
　　if (window.ActiveXObject) {
　　 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
　　}
　　else if (window.XMLHttpRequest) {
　　 xmlHttp = new XMLHttpRequest();
　　}
　　}

　　function addEmployee() {
　　name = document.getElementById("name").value;
　　title = document.getElementById("title").value;
　　department = document.getElementById("dept").value;
　　action = "add";
　　if(name == "" || title == "" || department == "") {
　　 return;
　　}
　　var url = "EmployeeList?"+ createAddQueryString(name, title, department, "add") + "&ts=" + new Date().getTime();
　　createXMLHttpRequest();
　　xmlHttp.onreadystatechange = handleAddStateChange;
　　xmlHttp.open("GET", url, true);
　　xmlHttp.send(null);
　　}

　　function createAddQueryString(name, title, department, action) {
　　var queryString = "name=" + name + "&title=" + title + "&department=" + department + "&action=" + action;
　　return queryString;
　　}

　　function clearInputBoxes() {
　　document.getElementById("name").value = "";
　　document.getElementById("title").value = "";
　　document.getElementById("dept").value = "";
　　}

　　function deleteEmployee(id) {
　　 deleteID = id;
　　 var url = "EmployeeList?" + "action=delete" + "&id=" + id + "&ts=" + new Date().getTime();
　　createXMLHttpRequest();
　　xmlHttp.onreadystatechange = handleDeleteStateChange;
　　xmlHttp.open("GET", url, true);
　　xmlHttp.send(null);
　　}

　　function createCellWithText(text) {
　　var cell = document.createElement("td");
　　cell.appendChild(document.createTextNode(text));
　　return cell;
　　}

　　function handleDeleteStateChange() {
　　if(xmlHttp.readyState == 4) {
   　　if(xmlHttp.status == 200) {
   　   deleteEmployeeFromList();
   　　}
   　　else {
   　　   alert("Error while deleting employee.");
   　　}
　　}
　　}

　　function deleteEmployeeFromList() {
　　var status = xmlHttp.responseXML.getElementsByTagName("status").item(0).firstChild.nodeValue;
　　status = parseInt(status);
　　if(status != 1) {
　　 return;
　　}
　　var rowToDelete = document.getElementById(EMP_PREFIX + deleteID);
　　var employeeList = document.getElementById("employeeList");
　　employeeList.removeChild(rowToDelete);
　　updateEmployeeListVisibility();
　　}

Servlet部分：

public class EmployeeList extends HttpServlet {

protected void addEmployee(HttpServletRequest request,
    HttpServletResponse response) throws ServletException, IOException {
   // Store the object in the database
   String uniqueID = storeEmployee();
   // Create the response XML
   StringBuffer xml = new StringBuffer("<result><uniqueID>");
   xml.append(uniqueID);
   xml.append("</uniqueID>");
   xml.append("<status>1</status>");
   xml.append("</result>");
   // Send the response back to the browser
   sendResponse(response, xml.toString());
}

protected void deleteEmployee(HttpServletRequest request,
    HttpServletResponse response) throws ServletException, IOException {
   String id = request.getParameter("id");
   /* Assume that a call is made to delete the employee from the database */
   // Create the response XML
   StringBuffer xml = new StringBuffer("<result>");
   xml.append("<status>1</status>");
   xml.append("</result>");
   // Send the response back to the browser
   sendResponse(response, xml.toString());
}

public void doGet(HttpServletRequest request,
    HttpServletResponse response) throws ServletException, IOException {
    this.doPost(request, response);
}

public void doPost(HttpServletRequest request,
    HttpServletResponse response) throws ServletException, IOException {
   String action = request.getParameter("action");
   if (action.equals("add")) {
    addEmployee(request, response);
   } else if (action.equals("delete")) {
    deleteEmployee(request, response);
   }
}

private String storeEmployee() {
   /*
   * Assume that the employee is saved to a database and the database
   * creates a unique ID. Return the unique ID to the calling method. In
   * this case, make up a unique ID.
   */
   String uniqueID = "";
   Random randomizer = new Random(System.currentTimeMillis());
   for (int i = 0; i < 8; i++) {
    uniqueID += randomizer.nextInt(9);
   }
   return uniqueID;
}

private void sendResponse(HttpServletResponse response, String responseText)
    throws IOException {
   response.setContentType("text/xml");
   response.getWriter().write(responseText);
}
}

fsgsdfghdfh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax_动态更新Web页面

JSP部分：&lt;%@ page language="java" import="java.util.*" pageEncoding="gbk"%&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"　　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
复制链接

扫一扫