前后端交互方式

1、HTTP请求和响应：

• 前端通过发送HTTP请求向后端发送数据或请求资源。
• 后端接收到请求后进行处理，并生成相应的HTTP响应返回给前端。
• 样例：前端通过使用Ajax技术向后端发送GET请求，获取用户信息

• 基于Axios的前后端交互是一种基于Promise的HTTP客户端，在前端有着广泛的应用，下面将为大家介绍一些基础的Axios的前后端交互方法。
• 首先，确保已经引入了Axios库

• 然后，可以使用Axios发送各种类型的HTTP请求，例如GET，POST等，并处理响应数据

      （1）发送GET请求并处理响应

       （2）发送POST请求并处理响应

      （3）设置请求头

2、表单提交：

• 前端通过表单将数据提交给后端进行处理。
• 后端接收到表单数据后进行处理，并返回相应的结果。
• 样例：前端通过表单提交用户名和密码给后端进行用户登录验证。

3、WebSocket实时通信：

• 前端通过WebSocket与后端建立双向通信的连接，实现实时数据的传输。
• 前后端可以通过WebSocket进行即时更新、聊天等操作。
• 样例：前端通过WebSocket接收后端实时推送的新消息。

 

4、RESTful API：

• 后端提供一组RESTful API接口，供前端根据需求进行调用。
• 前端通过发送HTTP请求来访问这些API接口，实现数据的增删改查等操作。
• 样例：前端通过发送POST请求创建新的用户。