1.why——给用户较好的心理感受(用户体验)。
2.富客户端
互动性强(响应时间短);反馈交互
3.富因特网技术(RIA)——rich Internet application
3.1——将左面应用程序的交互和传统的web应用的结合;安全、可升级、具有良好适应性的新型面向服务模型。
3.2:应用——Flash、applet、javaFx、Ajax
4.ajax(asynchronous javascript and xml)
4.1:Ajax
4.2:特点
4.2.1:浏览器之间的兼容性好——使用的技术多
4.2.2:可以使用工具包、框架
4.2.3:快速响应
4.2.4:开发维护复杂。
4.2.5:交互为数据驱动。
4.3:相关技术
4.3.1:XHTML/CSS——标准化呈现界面
4.3.2:XML/XSLT——数据处理
4.3.3:DOM——动态显示
4.3.4:XMLHttpRequest——实现异步通信;JavaScript对象;AJAX引擎;
4.3.4.1:属性
*onreadystatechange——设置回调时间处理程序的。<==status+readyState
*readyState(请求的当前状态)——【0(未初始化)——>正在装载——>装载完成——>交互中——>4(完成)】
*status——服务器状态码
*responseText——
*responseXML——
*statusText——
4.3.4.2:方法
*open(method,url,syn/asyn)——指定传输方法、目标、通信模式
*send(content)——发送请求内容。
*getAllResponseHeaders()
*getResponseheader(header)——
*setRequestHeader()——发送前设置请求头
*abort()——终止当前请求
4.3.5:JavaScript——有机组合各种技术。
4.4:代码实现步骤
4.4.1:客户端事件触发,调用事件处理程序
4.4.2:创建XMLHttpRequest对象【ActiveXObject——XMLHttpRequest】
4.4.3:配置XMLHttpRequest对象
4.4.4:XMLHttpRequest对象发送异步请求到服务器。(方法为post时,在调用send()前,需要设置头setRequestHeader("Content-type" "application/x-www-form-urlencoded"))
4.4.5:服务器接受请求,处理请求,返回响应。
4.4.6:XMLHttpRequest对象调用回调函数。
4.4.7:更新HTML