详解前后端交互 B/S
前后端交互的 协议有很多,这篇文章以HTTP协议为例说明
HTTP(超文本传输协议),是互联网上应用较为广泛的一种网络协议。HTTP是一个前端请求后端响应的标准
HTTP属于(属于TCP协议族),使得HTTP服务器的程序规模小,因而通信速度很快。客户向服务器请求服务时,只需传送请求方法和路径。而且,HTTP允许传输任意类型的数据对象。
接口
在互联网领域里面,这个词在不同场景下都会出现 ,经常听到工程师说“ 让后台给我提供一个接口,我直接调用这个接口 ”“ 这里你设计一个接口,我来实现 ”,接口就是提供具体能力的一个标准和抽象,是一些预先定义的函数,包括接口地址、传入参数和返回参数和数据。可以简单理解为,当需要访问某些数据,正常状态下传入合格参数,会收到该数据范围内的返回参数。前后台的交互基本都是通过程序接口实现的。
数据交互的过程可简单理解为,前台想要获得某些数据,将传入参数通过URL接口地址,传递给服务器,服务器根据传入的参数了解到前台要获得什么数据,去数据库查询获取数据,然后将所需数据返回给前台,前台拿到数据做相应的页面展示。
前端与后端的交互
有了接口之后我们就要说到前端和后端的交互
前后端的交互主要有这样几个步骤
- 前端发送请求
- 后端接受并作出回应
- 前端接到回应
这个过程是这样的:有前端向后端以报文的形式发出请求,后端收到请求后回应前端我接到了你的请求你接到我的回应了吗?然后前端在回应后端接到回应,以此证明双方的通信状态良好而建立前后端的连接。
我们通过form表单请求后端具体过程如下:
form表单的action就是后端的接口也就是php的文件地址我们通过input标签的name属性传给后端数据然后后端接受数据做相对应的操作
通过JavaScript向后端发送请求:
在js中我们通过Ajax向后端发送请求,首先创建Ajax对象然后配置请求信息创建接受响应的事件最后发送请求。