TrueVoid 发表于 2013-1-23 02:07:12

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
页: [1]
查看完整版本: JavaScript——Ajax