Ajax(一):初识

一、Ajax

Ajax:Asynchronous JavaScript and XML(异步的JavaScript与XML技术),是一套综合了多项技术的浏览器端网页开发技术

二、优点

⭐ 提高用户体验

1、能在不更新整个页面的前提下维护数据:在传统的web中,传输的过程中会进行整个页面的刷新,当网速较慢等情况出现的时候,会有很久的等待时间,而且原有的数据不会被保留。而Ajax能与服务器实现无刷新的交互
2、能实现局部刷新
3、减少与服务器交互数据的冗余,降低网速和带宽的影响:在传统的web中,返回的数据会带着html中的所有标签,这样增加了数据的冗余,而Ajax使得只返回用户需要的数据

三、技术

1、XMLHttpRequest:这是一个浏览器中的对象,提供与服务器进行异步交互的能力
2、JavaScript:使用js操作XMLHttpRequest
3、CSS:定位页面元素,将服务器返回的数据保存到指定的页面元素中
4、XML或JSON:用来封装数据,将服务器的数据封装程xml、json或text文本并返回浏览器

四、浏览器与服务器之间的传输

Ajax(一):初识

五、使用Ajax发送get请求步骤

1、发送请求前属性的设置,通过open方法:xhr.open(“GET”,“one”); ---- 例子
2、注册回调函数:xhr.onreadystatechange = _back; ---- 例子
3、发送请求:xhr.send(null)