ajax获取数据

ajax原理

首先介绍一下ajax的原理
1.创建Ajax对象
2.设置请求方式、地址、是否异步
3.向后端发起请求
4.后端接收数据
5.后端进行数据判断
6.将数据返回给前端并渲染

ajax使用

在知道了ajax的原理之后我们就可以去使用它了
ajax中的参数包括url，type，async，headers，data，success，error，complete
url代表地址。
type指请求的类型，包括get，post。
其中get一般为地址栏传参，post为请求体传参，所以当请求类型为post时，需要headers（请求头）。
请求头共分为两种，默认为JSON类型——application/json，还有一种为表单格式——application/x-www-form-urlencoded。
async指是否异步，默认状态下是异步，在实际操作中一般不写这个参数，但特定情况下会有要求操作不为异步，这是就需要写上这个参数。
data指参数，根据实际要求决定是否书写。
success是数据请求操作成功后执行的代码，其本身是一个回调函数，函数体内就是请求完数据后需要执行的代码。
error是数据请求失败后执行的代码，其本身也是一个回调函数。
complete是无论数据是否请求成功都会执行的代码。

$.ajax({
  url:'',  //请求的地址
  type:'',  //请求的类型，包括get和post
  async:'',  //根据实际情况决定是否书写
  headers:'',  //请求头，只有类型为post时书写
  data:'',  //参数，根据实际情况决定是否书写
  success(){}, //回调函数，请求成功时执行
  error(){},  //回调函数，请求失败时执行
  complete(){},  //回调函数，无论请求是否成功都执行
})