JavaScript——Ajax

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