初识前后端通信&前后端通信的过程与概念解释&前后端的通信方式
初始前后端通信
前后端通信是什么?
前后端通信就是前端和后端数据交互的一个过程,所谓数据交互,就是前端可以向后端发送数据,后端也可以向前端发送数据
前端:浏览器
后端:服务器
所以前后端通信也可以看做是浏览器和服务器之间数据交互的一个过程
大家有没有想过,我们为什么需要前后端通信呢?
是因为不管是前端还是后端,它们都离不开对方,有的时候前端需要后端发送过来的数据,有的时候后端也需要前端发送过来的数据
所以前后端通信,就是前端和后端各取所需的一个过程
后端向前端发送数据
在刷新页面的过程中,浏览器和服务器就完成了一次通信,也就是完成了数据之间的交互
当我们访问了某个网址,按下回车的时候,浏览器和服务器之间就会展开通信,浏览器向服务器请求这些东西,服务器会将这些东西发送给浏览器,然后浏览器会读取html,css,js等文件,然后开始展示页面
前端向后端发送数据
用户注册
在我们进行某个网站注册用户的时候,我们输入完用户信息,点击注册按钮,浏览器就会把你输入的数据发送给服务器,然后服务器会进行处理,最后一般都是存到数据库
前后端通信的过程与概念解释
前后端通信的过程
前后端的通信时在"请求-响应"中完成的
首先,你需要明白一个现实,地球不是围绕一个人旋转的,同样服务器也不是围绕一个浏览器而转的,它可以服务相当多的浏览器,也就是说,浏览器和服务器之间通信的时候,一般都是浏览器主动联系服务器,比如说,一般都是你主动打110报警,110不会主动给你打电话来接警的,所以,在浏览器和服务器之间通信的时候,是有一个主动和被动的关系的,想要通信的时候,浏览器就会主动发送一个请求给服务器,如果请求中有数据的话,也会把这个请求也携带上一起发送给服务器,而服务器接收到请求之后,一般会按照请求给出一个响应,也就是回应浏览器的请求,如果回应的时候有数据的话,也会把数据一起回应给浏览器
概念解释
前端:浏览器端
客户端:只要能和服务器通信的就叫客户端
命令行工具
curl https:www.imooc.com
后端:服务器端
前后端的通信方式
使用浏览器访问页面
在浏览器地址栏中输入网址,按下回车
HTML的标签
浏览器在解析HTML标签的时候,遇到一些特殊的标签,会再次向服务器发送请求
link标签、img标签、script标签、iframe标签
还有一些标签,浏览器解析的时候,不会向服务器发送请求,但是用户可以使用他们向服务器发送请求
a/form
Ajax和Fetch