第4章 业务处理.pptVIP

4.1 客户端处理 4.1.1 JavaScript处理 4.1.2 Ajax技术 4.1.1 JavaScript处理 处理的基本过程如下： 根据要完成的功能编写相应的方法； 在相应的元素上添加事件关联代码，例如body onload=init()就表示加载body的时候调用init方法。 4.1.1 JavaScript处理 常用事件 4.1.1 JavaScript处理 实例：复选框全选与取消 实现的基本思路 得到所有的复选框 使用他们的checked属性，设置为true（全选）或者false（不选）。 代码参加教材。 4.1.1 JavaScript处理 实例：联动菜单 实现的基本思路： 为主菜单添加onchange事件，调用JavaScript函数来修改被动菜单的选项，代码中的onchange=changeCity()完成该功能； 在JavaScript函数中根据主菜单的选项确定被动菜单的选项，主要是动态赋值。 代码参加教材。 4.1.1 JavaScript处理 实例：组合列表框 实现的基本思路： 编写init方法对两个列表框进行初始化； 为body添加onload事件调用init方法； 编写move(s1,s2)方法把s1中选中的选项添加到s2中，同时在s1中删除该选项； 编写moveAll(s1,s2)方法把s1中所有的选项都移动到s2中； 为中间的4个按钮添加onclick事件，分别调用move(s1,s2) 和moveAll(s1,s2)两个方法。 4.1.2 Ajax技术 AJAX是Asynchronous JavaScript and XML的缩写，涉及JavaScript脚本、XHTML和CSS、DOM、XML和XSTL等技术。 XHTML与CSS实现数据信息的统一化和标准化显示； 使用DOM实现浏览器端丰富的动态显示效果以及与服务器的交互； 使用XML和XSTL进行浏览器和服务器端数据信息交换和处理； 使用XMLHttpRequest对象进行浏览器和服务器端异步数据读取； 使用JavaScript脚本实现对所有数据进一步处理。 4.1.2 Ajax技术 AJAX的核心工作过程： 对象初始化，主要是创建XMLHttpRequest对象，XMLHttpRequest对象是AJAX技术中非常核心的一个对象，负责请求的设置、发送。 发送请求，设置响应方法、请求所需要的数据，然后发送请求。 服务器接收请求并进行处理，通常由Servlet接收请求，然后调用相应的业务方法来处理，之后对用户响应。 客户端接响应，接收到响应之后调用之前设置的响应方法。 响应方法根据响应数据修改客户端页面内容。 4.1.2 Ajax技术 XMLHttpRequest对象：属性 4.1.2 Ajax技术 XMLHttpRequest对象：方法 4.1.2 Ajax技术 交互的基本过程 创建XMLHttpRequest对象； 发送请求； 处理响应。 4.1.2 Ajax技术 创建XMLHttpRequest对象 var xMLHttpRequest=false; function createXMLHttpRequest(){ if(window.XMLRequest){ // Mozilla浏览器 xMLHttpRequest = new XMLHttpRequest(); }else if(window.ActiveObject){ try{ XMLHttpRequest = new ActiveXobject(“Msxml2.XMLHTTP”); }catch(e){ try{ XMLHttpRequest = new ActiveXobject(“Microsoft.XMLHTTP”); }catch(e){} } } } 4.1.2 Ajax技术 发送请求 XMLHttpRequest.open(“GET”,url,true); XMLHttpRequest.onreadystatechange= processResponse; //指定响应函数 XMLHttpRequest.send(null); //发送请求 4.1.2 Ajax技术 处理响应 if(XMLHttpRequest.readystate==4){ // 判断对象状态 if(XMLHttpRequest.status==200){ // 信息已经返回，开始处理信息 var res = XMLHttpRequest.responseXML.getElements