ajax同步异步

本文介绍了Ajax异步无刷新新技术,它能请求后台发送和获取数据而无需刷新页面。核心对象是XMLHttpRequest对象,还阐述了使用该对象发送请求的步骤,包括获取对象、准备请求、发送请求以及判断响应状态获取后台响应等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Ajax:
异步无刷新技术。能够请求后台发送和获取数据,而无需卸载页面(刷新页面)。

核心对象:
XMLHttpRequest对象
var xhr = new XMLHttpRequest()
在使用 XHR 对象时,先必须调用 open()方法,它接受三个参数:要发送的 请求类型(get、post)、请求的 URL 和表示是否异步。open()方法并不会真正发送请求,而只是启动一个请求以备发送。
通过 send()方法进行发送请求,send()方法接受一个参数,作为请求主体发送的数据。如果不需要则,必须填 null。执行 send()方法之后,请求就会发送到服务器上。

发送的请求的步骤:
1、得到XMLHttpRequest对象
new XMLHttpRequest()
2、准备请求 open(请求类型GET/POST,请求的URL,是否异步)
xhr.open(请求类型GET/POST,请求的URL,是否异步);
3、发送请求 send([参数])
xhr.send([参数])
注:如果是GET请求,请求的参数设置在url的后面,所以send(null)
如果是POST请求,无参数设置为null,有参数则设置参数即可
4、判断响应状态,得到后台响应
xhr.responseText;

			同步调用固然简单,但使用异步调用才是我们真正常用的手段。
			使用异步调的时候,检测 readyState 属性,每当 readyState 属性改变时,触发readystatechange 事件。
			这个属性有五个值:
			值 			状态 		说明
			0 			未初始化 	尚未调用 open()方法
			1 			启动 		已经调用 open()方法,但尚未调用 send()方法
			2 			发送 		已经调用 send()方法,但尚未接受响应
			3 			接受 		已经接受到部分响应数据
			4 			完成 		已经接受到全部响应数据,而且可以使用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值