2014年AJAX与DWR框架.pptVIP

使用DWR 我们可以通过http://localhost:8080/工程名/dwr来查看我们配置的DWR是否成功！ * 使用DWR * 总结 1.什么是AJAX 2.AJAX与传统WEB的区别 3.什么是DWR框架 4.DWR的基本组成 5.如何配置DWR框架 * AJAX与DWR框架 主讲人：陈岩 * AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG 走进AJAX技术 什么是Ajax? Asynchronous JavaScript And XML Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。 * AJAX的组成 Ajax组成 XHTML和CSS 使用文档对象模型(DocumentObjectModel)作动态显示和交互 使用XML和XSLT做数据交互和操作 使用XMLHttpRequest进行异步数据接收 使用JavaScript将它们绑定在一起 * 传统WEB的工作方式 用户动作触发一个连接到Web服务器的HTTP请求。服务器完成一些处理---接收数据，处理计算，再访问其它的数据库系统，最后返回一个HTML页面到客户端。 Request Response 服务器 Request 客户端 服务器没告诉我怎么做，只好等着 显示服务器信息 * AJAX的工作方式 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。 Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。 * AJAX的工作方式 Ajax如何首先处于异步处理状态？当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，取而代之的是，你希望通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。 XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。 * AJAX工作方式 服务器 客户端 Request Response 不需要等待，可以继续操作 * 传统WEB与AJAX的区别 传统WEB 当服务器正在处理自己的事情的时候，用户在做什么？没错，等待。每一个动作，用户都要等待。 AJAX 不像加载一个页面一样，在会话的开始，浏览器加载了一个Ajax引擎---采用JavaScript编写并且通常在一个隐藏frame中。这个引擎负责绘制用户界面以及与服务器端通讯。Ajax引擎允许用异步的方式实现用户与程序的交互－－不用等待服务器的通讯。 * 使用AJAX 创建XMLHTTPRequest对象 function init() { if(window.XMLHttpRequest) { xmlObject = new XMLHttpRequest(); }else { xmlObject = new ActiveXObject(Microsoft.XMLHTTP); } } * 使用AJAX 调用XMLHTTPRequest对象的open()方法。 Open(“method”,”url”,true); Method代表我们的提交方式，GET或POST URL提交的路径 True（异步）指定是同步或是异步 调用XMLHTTPRequest对像的onreadystatechange属性=回调函数 调用send()方法发送数据 * AJAX的使用 var xmlObject = null; //获取请求对象 function init() { if(window.XMLHttpRequest) { xmlObject = new XMLHttpRequest(); }else { xmlObject = new ActiveXObject(Microsoft.XMLHTTP); } } * AJAX的使用 function submitToServer() { var id = document.getElementById(id).value; init(); //xmlObject.setRequestHeader(ContentType,application/x-www-form-urlencoded); var url = AjaxServlet?id=+id; xmlObject.open(“get,url,true); xmlObject.onreadystatechange = cal