【AJAX】给你不一样的用户体验

前端之家收集整理的这篇文章主要介绍了【AJAX】给你不一样的用户体验前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
AJAX(异步JavaScript和XML) ,对它早有耳闻,如今,终于见到了它。
一.何为AJAX?
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)
AJAX 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。
通过 AJAX,JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象,JavaScript 可在不重载页面的情况与 Web 服务器交换数据。
AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就 可使网页从服务器请求少量的信息,而不是整个页面
二.两种Web应用
既然AJAX是一种用于Web应用程序的技术,那么我们下面就看看用与不用AJAX技术的两种Web应用有什么不同之处。
1.传统Web应用
传统Web开发方式每一次交互数据都将经历“查看→提交→等待→新页面展示结果”的循环,页面跳转,而且全页面刷新,用户体验会中断

其数据交互方式:

2.AJAX方式Web应用
而AJAX开发方式每一次交互数据都会经过“查看→提交→继续浏览活动→在旧页面中展示数据交互结果”的循环,页面无刷新,用户体验连贯

其数据交互方式:

AJAX数据交互方式多了一个AJAX引擎和XML服务器,类似于缓存的作用,可以让我们在同一个页面进行多个不同的操作而相互之间不受干扰,进而决定了用户的体验度。
三.两种Web应用区别总结
四.AJAX技术的优缺点
【优点】
1、最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好
2、使用 异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。
3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理, 减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
4、基于标准化的并被广泛支持的技术, 不需要下载插件或者小程序
任何一门新技术的产生都不是完美无缺的,AJAX亦是如此,在有些缺陷方面甚至都会对程序的开发带来巨大的 影响。
【缺点】
1、ajax不支持浏览器back按钮。
2、安全问题: AJAX暴露了与服务器交互的细节。
3、对搜索引擎的支持比较弱。
4、破坏了程序的异常机制。
5、不容易调试。
五.学习总结
看完AJAX的概述部分,便很容易联想到自己使用浏览器的一些体验。确实,有的应用程序,改变了页面一小部分的内容,整个页面便都会重新加载,刷新一遍;而有的就不会。现在学习了AJAX明白了,就是因为它给了我们不一样的用户体验。

猜你在找的Ajax相关文章