AJAX总结(XHR)

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
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值