目录
1.引入
传统网站中存在的问题
-
网速慢的情况下,页面加载时间长,用户只能等待
-
表单提交后,如果一项内容不合格,需要重新填写所有表单内容
-
页面跳转,重新加载页面,造成资源浪费,增加用户等待时间。
2.Ajax介绍
传统项目前后端不分离,用户触发一个http请求服务器,然后服务器接收之后,在做出响应到用户,并且返回一个新的页面,也就是说交互都是通过页面刷新或页面跳转来实现。
这样的方式对于用户体验来将其实并不友好,少量的数据更新也会引发整个页面重新请求,浪费了很大一部分资源。
因此,我们希望有一种更好的方式,可以不用重新请求整个页面而达到更新部分数据的效果。
2005年,AJAX(Asynchronous Javascript And XML)横空出世,给前端行业带来了巨大的变化与革新。
2.1概述
Ajax(Asynchronous JavaScript and XML) 异步JavaScript和XML
Ajax实际上是下面这几种技术的融合:
(1)XHTML和CSS的基于标准的表示技术
(2)DOM进行动态显示和交互
(3)XML和XSLT进行数据交换和处理
(4)XMLHttpRequest进行异步数据检索
(5)Javascript将以上技术融合在一起
是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验。
2.2为什么需要使用AJAX技术
在我们之前的开发,每当用户向服务器发送请求,哪怕只是需要更新一点点的局部内容,服务器都会将整个页面进行刷新。
-
性能会有所降低(一点内容,刷新整个页面!)
-
用户的操作页面会中断(整个页面被刷新了)<