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(){}, //回调函数,无论请求是否成功都执行
})