异步 JavaScript 和 XML (AJAX) 与课件.ppt

异步 JavaScript 和 XML (AJAX) 与 Java Enterprise Edition ;前言;前言;异步JavaScript和XML(AJAX)简介 1 ;异步JavaScript和XML(AJAX)简介 2;异步JavaScript和XML(AJAX)简介 3;异步JavaScript和XML(AJAX)简介 4;使用AJAX交互的用例 1;使用AJAX交互的用例 2;使用AJAX交互的用例 3;使用AJAX交互的用例 4;使用AJAX交互的用例 5;AJAX 交互的分析 1;AJAX 交互图;AJAX 交互的分析 2;1. 发生客户端事件;2. 创建并初始化 XMLHttpRequest 对象 1;创建并初始化 XMLHttpRequest 对象 2;3. XMLHttpRequest 对象发出调用 1;XMLHttpRequest 对象发出调用2;4. 请求由 ValidationServlet 进行处理;public class ValidationServlet extends HttpServlet { private ServletContext context; private HashMap users = new HashMap(); public void init(ServletConfig config) throws ServletException { this.context = config.getServletContext(); users.put(greg,account data); users.put(duke,account data); } public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException { String targetId = request.getParameter(id); if ((targetId != null) !users.containsKey(targetId.trim())) { response.setContentType(text/xml); response.setHeader(Cache-Control, no-cache); response.getWriter().write(valid); } else { response.setContentType(text/xml); response.setHeader(Cache-Control, no-cache); response.getWriter().write(invalid); } } } ;5. ValidationServlet 返回 XML 文档;6. XMLHttpRequest 对象调用 callback() 函数并处理结果 1;XMLHttpRequest 对象调用 callback() 函数并处理结果 2;XMLHttpRequest 对象调用 callback() 函数并处理结果 3;7. 更新 HTML DOM 1;更新 HTML DOM 2;更新 HTML DOM 3;script type=text/javascript function setMessage(message) { var userMessageElement = document.getElementById(userIdMessage); var userIdMessageFont = document.getElementById(userIdMessageFont); var messageElement = document.createTextNode(message); if (userMessageElement.childNodes[0]) { // update the elements userIdMessageFont.replaceChild(messageElement, userIdMessage