ajax（XML Http Request）

  理解：是前后端数据交互的一种沟通方式（打电话）
  官方：网页无刷新的一种数据交互方式


  web网站开发模式：

    1：服务端渲染

      前端：10% ~ 30%  主要就是用html，css写页面，三四千

      后端：90% ~ 70%

      缺点：
        1：开发速度慢，效率不平衡
        2：代码冗余（屎山）


    2：前后端分离

      前端：50% ~ 60%   html，css写页面，需要用js实现各种复杂功能和特效交互
        |
        沟通？ ajax
        |
      后端：50% ~ 40%   写代码后端代码，数据库，维护服务器，做安全


HTTP: 

  前后端数据通讯的方式

包含：

  请求方式
       GET    要数据的过程
         http://www.1.com?name=刘兵&pwd=1234

       POST   给数据的过程


       PUT    更新数据的过程
       DELETE 删除数据的过程

    GET 和 POST 有什么差别？？
    https://www.oschina.net/news/77354/http-get-post-different#:~:text=%E6%9C%80%E7%9B%B4%E8%A7%82%E7%9A%84%E5%8C%BA%E5%88%AB%E5%B0%B1%E6%98%AFGET%E6%8A%8A%E5%8F%82%E6%95%B0%E5%8C%85%E5%90%AB%E5%9C%A8URL%E4%B8%AD%EF%BC%8CPOST%E9%80%9A%E8%BF%87request%20body%E4%BC%A0%E9%80%92%E5%8F%82%E6%95%B0%E3%80%82%20...,GET%E8%AF%B7%E6%B1%82%E4%BC%9A%E8%A2%AB%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%BB%E5%8A%A8cache%EF%BC%8C%E8%80%8CPOST%E4%B8%8D%E4%BC%9A%EF%BC%8C%E9%99%A4%E9%9D%9E%E6%89%8B%E5%8A%A8%E8%AE%BE%E7%BD%AE%E3%80%82%20GET%E8%AF%B7%E6%B1%82%E5%8F%AA%E8%83%BD%E8%BF%9B%E8%A1%8Curl%E7%BC%96%E7%A0%81%EF%BC%8C%E8%80%8CPOST%E6%94%AF%E6%8C%81%E5%A4%9A%E7%A7%8D%E7%BC%96%E7%A0%81%E6%96%B9%E5%BC%8F%E3%80%82%20GET%E8%AF%B7%E6%B1%82%E5%8F%82%E6%95%B0%E4%BC%9A%E8%A2%AB%E5%AE%8C%E6%95%B4%E4%BF%9D%E7%95%99%E5%9C%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8E%86%E5%8F%B2%E8%AE%B0%E5%BD%95%E9%87%8C%EF%BC%8C%E8%80%8CPOST%E4%B8%AD%E7%9A%84%E5%8F%82%E6%95%B0%E4%B8%8D%E4%BC%9A%E8%A2%AB%E4%BF%9D%E7%95%99%E3%80%822016%E5%B9%B49%E6%9C%8822%E6%97%A5


  请求状态 200 404
  请求头（请求体） request
  响应头（响应体） response


ajax 跨域（CORS） 
  偷偷请求别人家的数据接口

  判断标准（同源策略）：

  1：协议
  2：域名
  3：端口

  http 协议默认端口：80
  https 443

  前端：http://www.abc.com
  |
  浏览器
  |
  后端：http://127.0.0.1:3000/index  


  解决跨域

    1：cors   
    2：jsonp
      把ajax请求伪装成 js 文件请求 (请求)
      回调函数的方式，拿回数据（响应）

    3：服务端代理

      A(前端)  ---->  B后端

      A(前端 我的) ---> C后端 （我的）

      C后端（我的） ---> B后端（别人的）