首页 > 网站 > WEB开发 > 正文

什么是AJAX?

2024-04-27 15:13:16
字体:
来源:转载
供稿:网友

1 什么是Ajax

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

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

 

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

 

2. 同步交互与异步交互

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

3. AJAX常见应用情景

 

当我们在百度中输入一个“传”字后,会马上出现一个下拉列表!列表中显示的是包含“传”字的10个关键字。

其实这里就使用了AJAX技术!当文件框发生了输入变化时,浏览器会使用AJAX技术向服务器发送一个请求,查询包含“传”字的前10个关键字,然后服务器会把查询到的结果响应给浏览器,最后浏览器把这10个关键字显示在下拉列表中。

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

 

 

当输入用户名后,把光标移动到其他表单项上时,浏览器会使用AJAX技术向服务器发出请求,服务器会查询名为zhangSan的用户是否存在,最终服务器返回true表示名为zhangSan的用户已经存在了,浏览器在得到结果后显示“用户名已被注册!”。

整个过程中页面没有刷新,只是局部刷新了;在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作;

 

4 AJAX的优缺点

优点:

AJAX使用Javascript技术向服务器发送异步请求;AJAX无须刷新整个页面;因为服务器响应内容不再是整个页面,而是页面中的局部,所以AJAX性能高;

缺点:

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表