ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
通过在后台与服务器进行数据交互,使网页实现异步更新,也就是在不加载整个网页的情况下,对网页的某部分进行更新。
ajax同步请求:
按照js请求的发送顺序去执行操作
异步请求:
可以同时进行多项操作,尽量不等待
js不等待后台返回数据,执行其他操作
ajax的请求流程:
0.创建ajax对象
1.设置请求,发送请求地址,发送请求方式
2.发送数据
3.设置一个监听事件、监听后台是否返回请求
4.处理数据
get,表单提交的数据会拼接到请求的路径里面,优点是效率高
post,会将表单的数据放置到请求的body里,数据大,安全
1.创建对象
var xhr =new XMLHttpRequest();
2.设置请求方法和路径
xhr.open("GET","http://192.168.10.250:3002/#/dashboard")
3.发送数据
xhr.send("username=admin&password=123456")
4.监听后台是否返回数据
xhr.onreadystatechange=function(){
//这边加入判断看是否成功获取数据
console.log(xhr)
//xhr.status
}