ajax工作原理【经典面试题】

95 阅读1分钟
    1.HTTP网络传输协议 :  规定 前后端交互的 数据传输格式
        协议 : 规定 前后端交互的 数据传输格式

    2. HTTP协议组成两个部分 : 
      2.1 请求文本 : 前端发送数据格式
      2.2 响应报文 : 后端响应数据格式

    3. 请求报文格式组成
      (1)请求行 :  请求方法 和 请求地址
      (2)请求头 :  浏览器 告诉 服务器,我发给你的数据是什么格式
      (3)请求体 :  请求参数

    4. 响应报文格式组成
      (1)响应行 : 响应状态码 + 服务器ip地址
          *****经典面试题: 请求说出你说知道的常见的几种状态码
          2xx(绿色) :  
            200 请求成功   
            204 : post请求体持续传输
          3xx(黄色) : 重定向(服务器修改浏览器地址)
            302 : 重定向,服务器主动修改浏览器地址
          4xx(红色) : 前端问题 
             400:参数错误   
             404:路径错误   
             401:未身份验证(没登录)
             403:服务器拒绝访问(没有权限)
             413 : 文件太大
          5xx(红色) : 服务器问题
            500 : 服务器出问题
            503 : 服务器维护 或 超载
      (2)响应头 : 服务器 告诉 浏览器,我响应给你的数据是什么格式
      (3)响应体 : 服务器响应数据
    
    4. ajax原理 : 设置请求报文的过程
      * 发送ajax底层就是发送 请求报文


    (1).实例化ajax对象
    let xhr = new XMLHttpRequest()
    (2).设置请求方法和地址
    xhr.open('post', '接口')
    (3).设置请求头(post请求才需要设置)
    xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded')
    (4).发送请求 : 参数格式  'key=value' 
    xhr.send('username=admin&password=123456')
    (5).注册回调函数
    xhr.onload = function () {
      console.log(xhr.responseText)
    }