Ajax学习

Ajax的概念

         局部刷新技术。是浏览器端的技术。

Ajax的作用

         实现在当前结果页中显示其他请求的响应内容

Ajax的使用

              Ajax的基本流程
                     //创建ajax引擎对象
                     //复写onreadystatement函数
                               //判断ajax状态码
                                        //判断响应状态码
                                                 //获取响应内容
                                                       //普通字符串：responseText
                                                       //json(重点)：responseText
                                                                 其实就是将数据按照json的格式拼接好的字符串，方便使用eval方法
                                                                 将接收的字符串数据直接转换为js的对象
                                                                 json格式：
                                                                       var  对象名={
                                                                                  属性名:属性值,
                                                                                  属性名:属性值,
                                                                                  ......
                                                                           }
                                                       //XML数据：responseXML,返回document对象
                                                                 通过document对象将数据从xml中获取出来
                                                 //处理响应内容(js操作文档结构)
                     //发送请求
                               //get请求
                                     get的请求实体拼接在URL后面，?隔开键值对
                                     ajax.open("get","url");
                                     ajax.send(null);
                              //post请求
                                     有单独的请求实体
                                      ajax.open("post","url");
                                      ajax.setRequestHeader("content-Type","application/x-www-form-urlencoded");
                                      ajax.send("name=张三&pwd=123"):

Ajax的状态码

        ajax状态码
              readyState：0，1，2，3，4
                4：表示响应内容被成功接收
         响应状态码：
               status
               200：表示一切OK
               404：资源未找到
               500：内部服务器错误

Ajax的异步和同步

         ajax.open(nethos,url,async)
         async：设置同步代码执行还是异步代码执行
         true代表异步，默认是异步
         false代表同步

同步访问和异步访问的区别，先从概念上区别：
       同步的概念应该是来自于操作系统中关于同步的概念。
       不同进程为协同完成某项工作而在先后次序上调整(通过阻塞,唤醒等方式)。同步强调的是顺序性，谁先谁后；异步则不存在这种顺序性。
       同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作。
       异步：浏览器访问服务器请求，用户正常操作，浏览器后端进行请求。等请求完，页面不刷新，新内容也会出现，用户看到新内容。