引言:
有很多童鞋,在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到了吗?没有理解的同学可以在下面评论区留言哦!