AJAX概述

发布时间 2023-04-24 16:51:56作者: YE-

1、什么是Ajax

1.Ajax(Asynchronous JavaScript And XML)翻译成中文就是“异步JavaScript和XML”。即使用JavaScript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML)。

2.Ajax还有一个最大的特点就是,当服务器响应时,不用刷新整个浏览器页面,而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过程

与服务器异步交互
浏览器页面局部刷新

2、同步交互与异步交互

同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求
异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求

3、Ajax常见应用情景

当在百度搜索栏中输入关键字的时候,下方弹出的提示信息,既是Ajax应用的体现

整个过程中页面没有刷新,只是刷新页面中的局部位置而已
当请求发出后,浏览器还可以进行其他操作,无需等待服务器的响应

4、Ajax的优缺点

优点:
1.Ajax使用JavaScript技术向服务器发送异步请求
2.Ajax无须刷新整个页面
3.因为服务器响应内容不再是整个页面,而是页面中的局部,所以Ajax性能高

缺点:
1.Ajax并不适合所有场景,很多时候还是要使用同步交互
2.Ajax虽然提高了用户体验,但无形中向服务器发送的请求次数增多了,导致服务器压力增大
3.因为AJAX是在浏览器中使用JavaScript技术完成的,所以还需要处理浏览器兼容性问题