5分钟学会Ajax基本用法

引言:

有很多童鞋,在WEB前端面试的时候,常会被Ajax问题难住,其实Ajax没有你们理解的那么难,现在带着大家重新来回顾一下知识点:随便再给大家普及一下小常识,今天咱们聊的就是怎么快速掌握Ajax基础知识。
在这里插入图片描述
Ajax主要的功能是实现了浏览器端 异步 访问服务器:通过浏览器的XMLHttpRequest对象发出小部分数据,

与服务端进行交互,服务端返回小部分数据,然后更新客户端的部分页面。

1.先实例化XMLHttpRequest对象
在这里插入图片描述
2.XMLHttpRequest的方法将请求发送给服务器
在这里插入图片描述
3.获取响应的方法
在这里插入图片描述
4.监听readyState属性的变化很重要

为0 请求未初始化,open还没有被调用

为1 服务器连接已建立,open已经调用了

为2 请求已被接收,接收到头的信息了

为3 请求处理中,接收到响应体了

为4 请求已完成,且响应就绪,响应完成了
在这里插入图片描述
5.完整XHR
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
总结:

其实,实现ajax操作非常的简单,我们现在是以异步加载的效果为例;所以同学们在学习的时候可以按照下面的几个步聚去写:

AJAX请求步骤

1、创建ajax对象

2、配置ajax,创建http连接

3、创建ajax对象变化的监听

4、向服务器发送请求

5、接收服务器端的响应数据

这几个步聚小伙伴们都GET到了吗?没有理解的同学可以在下面评论区留言哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值