Ajax----了解及概念介绍

来源:互联网 发布:d3.js中文文档 编辑:程序博客网 时间:2024/06/05 11:59
Ajax:1,全称Asynchronous Javascript and XML(异步的javascript和xml),
2,Ajax 不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。
3,使用了ajax技术的网页通过在后台跟服务器进行少量的数据交换,网页就可以实现异步局部更新。
同步:                                                                                                   异步:
                         
异步请求的实现:依赖于对象XMLHttpRequest()实现在不加载整个页面的情况下让后台与服务器实现数据的交换。
                 过程:1,运用html,css实现页面
                           2,运用XMLHttpRequest()对象实现与服务器进行异步数据交换;
                           3,运用js对dom进行操作实现动态局部刷新。
XMLHttpRequest()对象的创建:
                           由于ie5,ie6的兼容性问题不能直接 var request=new  XMLHttpRequest();
                           兼容性代码:
                             var request;                             if(window.XMLHttpRequest){                                       request=new XMLHttpRequest();                             }else{                                       request=new ActiveXOnject("Microsoft.XMLHTTP");                             }                             
HTTP:是一种无状态协议。
         (1)完整的HTTP请求:
                                             1建立TCP(传输控制协议)连接;  2web浏览器向web服务器发出请求;   3web浏览器发送请求头命令
                                             4web服务器做出应答;  5web服务器发送应答头信息; 6web服务器发送数据;   7web服务器关闭TCP连接。
       (2)一个HTTP请求的组成:1请求的方式Get或Post;     2请求的URL;   3请求头;   4请求体。
                                        
            (3)get与post的比较;
                            1,get:一般用于获取信息,利用URL传递参数,对所有人可见,一般在2000字符          幂等
                            2,POST:用于服务器端资源的修改,字数无要求。
              (4)Http响应的组成:
                            1,数字和文字组成的状态码;   2,响应头;   3,响应体;
                                              
       *   (5)HTTP状态码:
                                   
       *     (6)XMLHttpRequest()方法:
                                                 1,open(method,url,true/false)     异步为true         
                                                 2,请求发送到服务器:send(string)
                                      例子:request.open("post","q.php",true);  request.send();
            (7)XMLHttpRequest()的响应形式:
                                              1,responseText  获取字符串型式的响应模式
                                              2,responseXML 获取XML形式的响应
                                             3,status和statusText   以数字和文本de 的形式获取状态码
                                             4,getAllResponseHeader()   获取所有响应头部
                                             5,getResponseHeader(string) 查询响应中的某个字段值
        *   (8)XMLHttpRequest()响应状态:
                                             
            (9)完整的异步请求案例:
                                                  
                                             
0 0
原创粉丝点击