前后端通信和HTTP协议

前后端通信

• 初始前后端通信
• 前后端通信的过程与概念解释
• 前后端通信方式

HTTP

• HTTP方法
• GET与POST方法的对比
• HTTP状态码

初始前后端通信

1.前后端通信是什么
  前端和后端数据交互的过程
  浏览器和服务器之间交互的过程
2.后端向前端发送数据
  访问页面
3.前端向后端发送数据
  用户注册

前后端通信的过程与概念解释

1.前后端通信的过程
  请求和响应中完成的
2.概念解释
  前端:浏览器端
  客户端:只要能和服务器通信的就叫客户端
    命令行工具 curl https:www.imooc.com 获取响应文件内容
  后端:服务器端

前后端通信方式

1.使用浏览器访问网页
  在浏览器地址栏输入网址,按下回车

2.HTML的标签
  浏览器在解析HTML标签的时候,遇到一些特殊的标签,会再次向服务器发送请求
  img /link/script/ifarme
  
  还有一些标签,浏览器解析的时候,不会想让服务器发送请求,但是用户可以使用他们向服务器发送请求
  a/form

3.AJAX和fetch
   

初始HTTP

1.HTTP是什么
  HyperText Transfer Protocol
      超文本传输协议
  HTML:超文本标记语言
  超文本:原先一个个单一的文本,通过超链接将其联系起来.由原先单一的文本变成了可无线延伸,扩展的超级文本,立体文本
  
  HTML,JS,CSS,图片,字体,音频,视频等等文件,都通过HTTP(超文本传输协议)在服务器和浏览器之间传输
  
  每一次前后端通信,前端需要主动向后端发出请求,后端接收到前端的请求后,可以给出响应 
   
2.HTTP请求响应的过程
  https://ww.imooc.com
  

HTTP报文

HTTP报文是什么
  浏览器向服务器发送请求时,请求本身就是信息,叫请求报文
  服务器想浏览器发送响应时传输的信息,叫响应报文
HTTP报文格式
    请求
    请求头:起始行+首部
    请求体:
    
    GET请求,是没有请求体,数据是通过请求头携带
    POST请求,是有请求体,数据是通过请求体携带
    
    响应
    响应头:起始行+首部
    响应体:

HTTP方法

1.常用的HTTP方法
  浏览器发送请求时采用的方法,和响应无关
  
  GET,POST,PUT,DELETE
  用来定义对于资源采取什么样的操作的,各有各的语义

2.HTTP方法的语义
  GET 获取数据
  获取资源(文件)
  
  POST 创建数据
  注册
  
  PUT更新数据
  修改个人信息,修改密码
  
  DELETE删除数据
  删除一条评论
  
   增删改查
   
   这些方法虽然有个字的语义,但是并不是强制性的
3.RESTful接口设计
  一种接口设计风格,重复利用HTTP方法的语义

  通过用户ID获取个人信息,使用GET方法
  https://ww.imooc.com/api/http/getUser?id=1
  GET
  https://ww.imooc.com/api/http/user?id=1
  
  注册新用户,使用POST方法
  https://ww.imooc.com/api/http/addUser?id=1
  POST
  https://ww.imooc.com/api/http/user
  
  修改一个用户,使用POST方法
  https://ww.imooc.com/api/http/modifyUser?id=1
  PUT
  https://ww.imooc.com/api/http/user

  删除一个用户,使用POST方法
  https://ww.imooc.com/api/http/deleteUser
  DELETE
  https://ww.imooc.com/api/http/user
  
  使用同一个地址,用请求方式来决定功能

GET和POST方法的对比

1.语义:                                
    GET:获取数据
    POST:创建数据
    
2.发送数据:                            
  GET通过地址在请求头中携带数据
  能携带的数据量和地址长度有关系,一般最多就几k
  
  POST既可以通过地址在请求头中携带数据,也可以通过请求体携带数据
  能携带的数据理论上是无限的
    
 携带少量数据可以使用GET请求,大量的数据可以使用POST请求
 
3.缓存
  GET可以被缓存,POST不会被缓存
  
4.安全性
 GET和POST都不安全
 
 发送密码或其他敏感信息时不要使用GET,主要是避免直接被他人窥屏或通过历史记录找到你的密码
 

HTTP状态码

1.HTTP状态码是什么
  定义服务器对请求的处理结果,是服务器返回的
2.HTTP状态码
  100~199 消息:代表请求已被接收,需要继续处理
  websocket
  
  200~299 成功
  200
  
  300~399 重定向
  http://www.imooc.com
  https://www.imooc.com
    301 Moved Permanently
    302 Moved Temporarily
    304 Not Modified
    
  400~499 请求错误
    404 Not Aound
    
  500~599服务器错误
  500   Internal Serve Error