Ajax-01

一.AJAX入门与axios使用

    1.AJAX有什么用

        浏览器和服务器之间通信，动态数据交互

    2.AJAX如何学

        先掌握axios使用，再了解XMLHttpRequest原理

二.认识URL

     1.URL是什么

         统一资源定位符，网址，用于访问服务器上资源

     2.解释这个URL，每个部分的作用

   

三.查询参数

       1.URL查询参数的作用

           浏览器提供给服务器额外信息，获取对应数据

       2.axios要如何携带查询参数

           使用params选项，携带参数名和值

四.常用请求方法和数据提交

        1.请求方法表明对服务器资源的操作，最为常用的2个：

                POST提交数据，GET查询数据

        2.axios的核心装置

                - url：请求URL网址

                - method：请求方法，GET可以省略（不区分大小写）

                - params：查询参数

                - data：提交数据

axios({
    url: '目标资源地址',
    method: 'get', //获取数据
    params: {
        参数名：值
    }
})

axios({
    url: '目标资源地址',
    method: 'post', //提交数据
    params:{
        参数名：值
    }
})

 五.HTTP协议_请求报文

       请求报文的格式

                请求报文的组成部分：
                        1.请求行：请求方式，URL，协议

                        2.请求头：以键值对的格式携带的附加信息，比如：Content-Type

                        3.空行：分割请求头，空行之后的是发送给服务器的资源

                        4.请求行：发送的资源

六.HTTP协议_响应报文

        HTTP协议：规定了浏览器发送及服务器返回内容的样式

        响应报文：服务器按照HTTP协议要求的格式，返回给浏览器的内容

                1.响应行（状态行）：协议、HTTP响应状态码、状态信息

                2.响应头：以键值对的格式携带的附加信息，比如：Content-Type

                3.空行：分隔响应头，空行之后的是服务器返回的资源

                4.响应体：返回的资源

              

HTTP响应状态码

HTTP响应状态码：用来表明请求是否完成

比如：404（服务器找不到资源）