考研英语阅读理解复习技巧56点.pptVIP

使用Ajax改进用户体验

回忆使用连接池连接数据库有什么优势?我们上次课学了哪些监听器?他们分别可以监听什么?

本章任务使用AJAX技术增强客户体验：增强系统的用户注册功能

掌握Ajax技术原理掌握基于Ajax技术的应用编程本章目标

Web2.0互联网历史动态网页静态网站null黑暗年代革命啦，革命啦！三五年就来一次

Web2.0Web2.0特点用户奉献内容社会化网络

Web2.0更丰富的“用户体验”，新的交互方式自动补全内容聚合每个小“窗口”可以关闭、最小化和进行个性化设置所有操作都是在不刷新窗口的情况下完成的

为什么使用Ajax无刷新：不刷新整个页面，只刷新局部无刷新的好处只更新局部页面，有效利用带宽只是登录，没必要刷新“庞大”的页面。

为什么使用Ajax无刷新的好处提供连续的用户体验观看视频时执行操作，不希望页面刷新视频从头播放吧！只刷新了局部页面，视频继续播放

为什么使用Ajax无刷新的好处提供类似C/S的交互效果，操作更方面使用Ajax可以实现这样的效果

什么是AjaxAjax：只刷新局部页面的技术AJAX：AsynchronousAndXML异步：发送请求后不等返回结果，由回调函数处理结果JavaScript：向效劳器发起请求，获得返回结果，更新页面XML：封装数据用途使用JavaScript从效劳器获取数据而不必刷新整个页面Asynchronous

异步的JavaScriptAndXML

要使用ajax请使用UTF-8编码

怎样使用_当输入焦点离开用户名输入框时检查用户是否存在。要使用ajax请使用UTF-8编码functioncheckUserExists(oCtl){varuname=oCtl.value;if(!uname){alert(用户名不能为空);oCtl.focus();return;}//发送请求到效劳器，判断用户名是否存在......Ajaxhere......}

怎样使用AjaxpublicclassUserActionextendsBaseAction{ privateUserServiceus=newUserService(); publicActionForwardexecute(...) throwsServletException,IOException{ Stringuname=request.getParameter(uname); booleanbExists=us.isExists(uname); PrintWriterout=response.getWriter(); out.print(bExists); returnnull; }}1、编写效劳器段代码效果如果用户名已存在就输出true，否那么输出false。

怎样使用Ajax2、使用XMLHttpRequest组件发送请求varxmlHttpRequest;functioncreateXmlHttpRequest(){if(window.ActiveXObject){returnnewActiveXObject(Microsoft.XMLHTTP);}elseif(window.XMLHttpRequest){returnnewXMLHttpRequest();}}判断不同浏览器，采用不同方式创立XMLHttpRequest对象//发送请求到效劳器，判断用户名是否存在//请求字符串varurl=?operate=doCheckUserExistsuname=+uname;//1.创立XMLHttpRequest组件xmlHttpRequest=createXmlHttpRequest();//2.设置回调函数xmlHttpRequest.onreadystatechange=haoLeJiaoWo;//3.初始化XMLHttpRequest组件xmlHttpRequest.open(GET,url,true);//4.发送请求xmlHttpRequest.send(null);请求字符串状态改变时，将要调用的函数的名字

怎样使用Ajax3、编写回调函数代码：处理返回结果更新页面显示状态改变时，将要调用的函数的名字functionhaoLeJiaoWo(){if(xmlHttpRequest.readyState==4xmlHttpRequest.status==200){