对于 Ajax,具体怎么理解呢?举个简单的例子,例如网易的首页,顶部有一个登录框,如图 1 所示。
想要登录网易,就要输入账号和密码。那么系统是怎么判断你输入的账号和密码是不是正确的呢?实现的原理都是先将前端的数据传递给后端服务器,然后由服务器来判断:如果账号和密码都匹配,那么后端服务器会返回信息来告诉前端页面,最后在前端页面中显示登录成功的信息。
如果没有采用 Ajax 技术,前端页面更新后端返回来的数据时,整个页面都会被刷新。也就是说,凡是想要在前端页面显示后端返回来的信息,都要刷新“整个页面”。但若使用 Ajax 技术,我们只需要刷新登录栏目那一部分即可,其他部分都不用刷新。
再举一个例子,一个页面一般都会有很多栏目,有些栏目是实时更新的,例如奥运实时奖牌榜,如图 5 所示。
图 2:实时奖牌榜
如果每更新一次数据都刷新整个页面,就会白白浪费很多流量;但若使用 Ajax 技术,我们只需要更新奖牌榜那一栏即可。
Ajax 其实非常简单。对于 Ajax,可以用一句话概括:Ajax 能够刷新指定的页面区域,而不是刷新整个页面,从而减少客户端和服务端之间传输的数据量,提高页面速度,使得用户体验更好。由于 Ajax 会涉及与后端的交互,因此小伙伴们需要具备一定的后端基础,才能更好地去理解 Ajax。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。