后端接收到信息并返回了但是前端无响应_day50 前端-1

一、前端

任何与用户直接打交道的操作界面都可以称之为前端
比如:电脑界面 手机界面 平板界面

后端
后端类似于幕后操作者(一堆让人头皮发麻的代码)
不直接跟用户打交道

二、前端的学习；

HTML:网页的骨架，没有任何的样式 
CSS:给骨架添加各种样式，变得好看
JS:控制网页的动态效果

前端框架:BOOTSTRAP、JQuery、Vue
  	提前给你封装好了很多操作 你只需要按照固定的语法调用即可

浏览器窗口输入网址回车发生了几件事：

1 浏览器朝服务端发送请求；
2 服务端接受请求(eg:请求百度首页)；
3 服务端返回相应的响应(eg:返回一个百度首页)；
4 浏览器接收响应，根据特定的规则渲染页面展示给用户看。
浏览器可以充当很多服务端的客户端
如何做到浏览器能够跟多个不同的客户端之间进行数据交互？
1、浏览器很牛逼，能够自动识别不同服务端做不同处理。
2、制定一个统一的标准，如果你想要让你写的服务端能够跟客户端之间做正常的数据交互
那么你就必须要遵循一些规则。

三、HTTP协议

超文本传输协议 ，用来规定服务端和浏览器之间的数据交互的格式

四大特性：

1、基于请求相应；

2、基于tcp/ip作用于应用层以上的协议；

3、无状态；

不保存用户的信息
由于HTTP协议是无状态的， 所以后续出现了一些专门用来记录用户状态的技术
cookie、session、token...

4、无/短链接；

请求来一次我响应一次，之后我们两个就没有任何链接和关系了
长链接：双方建立连接之后默认不断开

请求数据格式
请求首行(标识HTTP协议版本，当前请求方式)
请求头(一大堆k,v键值对)

（这里空行代表：rn）
请求体(并不是所有的请求方式都有get没有post有，存放的是post请求提交的敏感数据)

响应数据格式
响应首行(标识HTTP协议版本，响应状态码)
响应头(一大堆k,v键值对)

响应体(返回给浏览器展示给用户看的数据) 响应状态码
用一串简单的数字来表示一些复杂的状态或者描述性信息 。如404:请求资源不存在
1XX:服务端已经成功接收到了你的数据正在处理，你可以继续提交额外的数据
2XX:服务端成功响应了你想要的数据(200 OK请求成功)
3XX:重定向(当你在访问一个需要登陆之后才能看的页面，你会发现会自动跳转到登陆页面)
4XX:请求错误
404:请求资源不存在
403:当前请求不合法或者不符合访问资源的条件
5XX:服务器内部错误(500) 请求方式
1.get请求
朝服务端要数据
eg:输入网址获取对应的内容

2.post请求
朝服务端提交数据
eg:用户登陆 输入用户名和密码之后 提交到服务端后端做身份校验

url：统一资源定位符(大白话：网址)

四、HTML

超文本