异步 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
显示全部