Ajax实现步骤(同步,异步)

本文详细介绍了Ajax实现的三个关键步骤:创建XMLHttpRequest对象、配置请求(包括请求类型、请求路径和异步设置)以及发送请求时的数据传递。对于GET和POST请求,参数处理方式有所不同,GET请求参数拼接在URL后,而POST请求则通过send方法传递。
摘要由CSDN通过智能技术生成

Ajax实现步骤:
1、创建XMLHttpRequest核心对象
2、准备请求/打开请求
xhr.open(); open有参数参数:
1、请求类型 (GET/POST)
2、请求的路径 (请求的地址;如果是GET请求后面通过"?"拼接参数)
3、是否异步 (true或false;默认是异步true)
3、发送请求
xhr.send(); send有一个参数:
1、要传递给后台的数据
如果是GET请求,设置为null(GET请求参数在请求地址后面)
如果是POST请求,无参数时设置为null;有参数时设置参数 例如:uname=zhangsan&upwd=123

		4、判断响应结果,解析响应数据
			如果是同步请求
				xhr.status  响应状态
					404	请求路径不正确
					500	服务器内部异常
					200	成功
				xhr.responseText 响应结果
			如果是异步请求,需要知道请求是否处理完毕,处理完毕后再解析数据
				监听处理请求的状态码readyState,需要绑定监听事件  onreadystatechange
					判断响应状态码为4时,表示数据已经完全响应
						xhr.status  响应状态
							404	请求路径不正确
							500	服务器内部异常
							200	成功
						xhr.responseText 响应结果
Ajax同步
</body>
<script type="text/javascript">
	
	// 创建X
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值