前后端数据交互的几种方式

---

前言

前后端数据交互的方式有哪些？
常用的有哪些？

---

一、传统的ajax(原生ajax)

应首先创建 XMLHttpRequest对象
这个对象包含的属性如下：

1.readyState:对象的状态：

• 0：未初始化
• 1：open方法成功调用send方法未调用
• 2：send方法已调用，尚未开始接收数据
• 3：正在接收数据，但尚未接收完成
• 4：完成

2.onreadystatechange:状态改变的时间触发器
3.resposeText：相应的文本内容
4.status:返回的http状态码：200：成功，404未找到；500标识的服务器内部错误

该对象包含的方法有：
1.
open(String method, String url, Boolean asynch ,String username, String password)

url:请求的地址
method:请求的方法，get/post
asynch:是否采用异步方法，true为异步，false为同步
username和password 提供http认证机制的用户名，通常我们可以不用管。
2.
send():向服务器发出请求，异步，会立即返回 null不发送数据， dom输入流或者字符串
json:eval函数用于解析json数组，转换成json字符串

二、jQuery中的ajax

$.ajax{} 代表jQuery中最底层的ajax函数，其属性代表ajax的相关属性和设置

其写法为：

$.ajax({
   
url:"请求的路径",
type:"get/post请求方式",
data:{
   属性名:"属性值"