day01 AJAX

5月6日

今天是学习AJAX的第一天，今天主要学习和回顾了之前学习的接口和运用，还有关于http的请求与响应，AJAX的大致理论。

什么是http协议，又称超文本传输协议，规定了客户端的请求以及服务器端 的响应

http的请求过程 1.游览器输入服务器端IP地址 +域名/端口号

                          2.游览器和服务器建立关系（三次握手）

                          3.游览器发送请求消息

                          4.服务器对游览器发送的请求解析，并做出响应

                           5.服务器和游览器断开连接（四次挥手）

                           6.游览器对服务器做出的响应解析，将数据渲染到页面给用户观看

请求消息：

格式：请求行：请求方法   请求地址   协议版本  （方法：增post  删delete  改put   查get）

           请求头部 ： 以键值对的方式

                例如： Host 资源 /Connection:keep-alive保持连接/Cache-Control:no-cache取消缓存/User-Agent:Mozilla/5.0当前游览器的版本和参数/Accept:响应消息的内容类型/Accept-Encoding:gzip 游览器可以接受哪些压缩格式的数据  //Accept-language:zh-CN  当前用户首选的自然语言  //Refer:http://www.baidu.com  游览器告诉服务器，当前请求来源于那个网站

            空行

            请求主体：有的有主体（post）,get没有

响应消息：

格式--  状态行:协议版本 状态码 原因短句

                状态码  1**  信息性   2**  成功    3** 重定向    4** 客户端错误   5** 服务器端错误

                响应头部：键值对

                        解析：Sever 服务器种类  //   Date  服务器给客户端发送响应的时间   //  Content-Type：text/html;charset=UTF8 响应消息的内容内类  // Connection:keep-alive 开启持久化连接  //Content-Encoding:gzip 告诉客户端服务器可以接受的压缩类型  //  Cache-Ctrol:no-cache:不要缓存  //Location:http://oracle.com  配合3**的状态码 跳转网页  //Last-Modified:服务器最后fa一次修改的时间  //Expires：有效期

                空行

                响应主体   有的有响应主体（GET/POST/PUT/DELETE）,有的没有HEAD()

使用AJAX  大致可分为四步

1.创建异步对象     let xhr=new XMLHttpRequest()

2.xhr对象连接服务器            xhr.oprn(method,url)

3.提前声明做出响应               xhr.οnlοad=function(){

                                                let result=xhr.responseText

                                                } 

4.向服务器发送消息             xhr.send()发送没有请求主体的消息