前后端交互模型&http协议&Ajax简介

0、前言：本文只是对“前后端交互模型&http协议&Ajax简介”当中的理论，作用，方法进行总结说明，用于回顾知识，做概括总结，没有具体实现代码。

---

1、前后端交互模型：

• 前端发送请求，后端响应请求。
• 除了http协议还有一些其他协议，比如TCP协议是应用在游戏当中的，还有UDP协议。
  

---

2、http协议的特点：

• 1、前后端交互，大部分用http协议。
• 2、先请求，再响应，传输数据类型多。
• 3、请求一次后会立刻断开，节省服务器资源。
• 4、包含请求头和请求体
• 5、http状态码简介：200是正常、400是异常、500是服务器错误

---

3、Ajax简介：

• 是一种可以创建交互网页开发的网页开发技术，可以使网页与服务器数据进行局部交互。
• 特点是可以通过异步请求实现。
• 流程：通过Ajax制作网络异步或同步请求——对获取得到数据（一般是json格式）作解析——对解析得到的数据通过js操作嵌入到网页标签中。
• 注意：在通过Ajax进行前端与后端服务器进行交互的过程中，可能会遇到跨域问题，对于跨域问题，首先要了解同源策略（同源策略是一种浏览器安全策略，要求域名（ip）、协议（http）、端口都要一致），对于跨域问题，解决方案如下：
  • 1、前后端代码都放在同一服务器
  • 2、后端设置允许跨域
  • 3、绕过同源策略，不用Ajax，使用Jsonp
• 在前后端交互中常用到的两种请求：get和post
  • 1、get用作数据量小的交互（2k），速度快，常用于获取数据，也可以提交数据，其参数可以通过url直接传递给后端。
  • 2、post用作数据量大的交互（4G以内），速度慢，常用于提交数据，也可以获取数据，其参数通过send函数，放在http请求体中模拟表单传递给后端。

---

4、Jsonp技术：

• 作用：解决跨域问题，绕过Ajax进行前后端交互。
• 实现方法：前端直接调用后端url，后端返回一个html的传参函数字符串，该字符串在返回到前端后，会自动识别为函数执行，但是要确保前端中存在该函数。