Ajax 入门

                  1.Ajax (读音:A杰克斯) 

                         异步的JavaScript 和 XML,是一种无需重新加载整个网页的情况下,更新部分网页的技术,用于快速创建动态网页。

                         简而言之: 实现异步请求数据和页面局部刷新。

              2. 同步 :  

                     

           3. 异步:

                  

                   4. 同步到异步的关键:

                  

             5. 

                                 1. 创建XHR对象:

                                           var  request = new XMLHttpRequest();

                                2. 认识 HTTP :

                                  HTTP是计算机通过网络进行通信的规则。 HTTP 是种无状态的协议(不建立持久的链接,没有记录)。

                             1. 建立一个完整的HTTP请求的过程(7步骤):

                                   建立TCP请求  ---> Web浏览器向Web服务器发送请求命令 --->   Web浏览器发送请求头信息  --- >

                                   Web服务器应答 ---> Web服务器发送应答头信息 ---> Web服务器向浏览器发送数据 ---> Web服务器关闭TCP链接

                              2. HTTP请求 (4个部分组成):

                                   a.   HTTP 请求的方法或动作:  GET or POST 

                                   b.   请求的URL

                                   c.   请求头 Header :  包含客户端环境信息,身份验证等信息。 

                                   d.   请求体: 客户端提交的查询字符串信息,表单信息等。

                                                                      

                                  3. GET :

                                         一般用于信息获取,使用URL传参,对发送的信息数量限制在2000个字符内。

                                  4. POST:

                                          一般用于修改服务器上的资源,对所发送的信息数量无限制。

                                        5. HTTP响应:

                                          a. 一个由文字和数字组成的状态码,表示请求是否成功。

                                          b. 响应头: 与请求头对应,包含服务器的相关信息,如时间,内容类型,长度等。

                                          c. 响应体: 服务器传过来的字符串或代码等。

                                        

                               6. 常见的状态码:

                                               

                          3. 发送请求   

                                 open(method,url,async) ;

                                 send(string);     

                                             

                            4. 获取响应数据:

                                 

                              

                                  

                                        

原文地址:https://www.cnblogs.com/yangwu-183/p/9153334.html