首页
站长论坛BBS
救助
投稿
discuz视频教程
discuz技术支持
版块
登录
快速注册

网站制作中灵活运用ajax技术代替页面切换的优势

alanni 2015-6-19 [交流] 来自PC 复制链接
2447
discuz使用视频教程
31idc

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
在一个网站系统中,少不了与用户交互的功能,比如登录、注册、留言等,这些功能虽说是必不可少的,用户为了进行评论或购买等某种行为必须先通过登录验证,但这并不是访客最终的需求。


传统网站系统将每一个独立的功能做成一个单独的页面,通过超链接的反复跳转引导用户在这些功能页面之间切换,而这些不同功能所在页面上大部分的样式和代码都是相同的,在遇到网速慢时,重复加载不必要的内容会大大降低访问速度。而且根据经验,频繁的切换可能会导致用户忘记自己要做什么事(虽然现在大多数网站会在用户登录后跳转回登录前的页面)。


Ajax是Web2.0阶段系列技术和相关产品服务中非常重要的一种技术。其全称为异步JavaScript和XML(即Asynchronous JavaScript and XML),从中可以看到与Ajax直接相关的几个技术点:一是异步、二是JavaScript、三是XML。这几点恰恰集中反映了这项技术关注的两个问题:一是借助异步JavaScript实现浏览器和服务器之间的异步交互,如无需重新装载整个页面就可以向服务器发送请求,并接受响应。二是对XML文档的解析和处理。


ajax技术已经不是新技术了,利用ajax技术,能够使页面局部向服务器请求并返回数据,从而实现了不刷新页面也能与服务器做交互,说直白一点,就是不用在不同功能的页面之间来回跳转,夸张一点的说一个完整的网站只需要一个页面就可以搞定登录、注册、评论、留言等各种交互的功能。


按照上面的说法,在一个页面就能搞定所有的事了,那以后做网站利用ajax技术把这些功能都放在一个页面,其实这样也并不好,把过多的功能集中在一个页面会造成代码的臃肿,虽然访客浏览和操作起来看起来方便了,但实际上把你暂时用不到的功能也都加载进来,在网速慢的时候,就悲催了。


因此,合理的利用ajax技术在网站的功能操作上进行优化,使效率和可用性达到平衡才是关键,用户在电子商务网站看到一个很喜欢的商品,点击确认购买后却被带到一个只有登录框的登录界面,影响了用户的体验,如果在点完购买按钮后,在不关闭该商品页面的基础上,在按钮的旁边弹出一个小的登录提示框,输入完登录信息后可以立即购买,用户就不会感到很突兀。类似的ajax技术应用还有很多,比如添加联系人,修改某些参数,审核文章等等。


ajax技术不是什么高深的技术,用好了能从网站的人性化角度带来很好的用户体验,主流的门户网站、电子商务网站许多看似高深绚丽的效果并不是遥不可及,学习他们在提升用户体验上的宝贵经验将对我们的工作带来很大的收获。


本文来源:南宁大聪网络科技www.dartrun.cn
www.glwangku.com桂林,www.dartrun.net柳州网站建设
alanni  楼主| 发表于 2015-6-19 15:29:54 来自PC
我只是路过站帮网打酱油的。
www.dartrun.net
www.glwangku.com桂林,www.dartrun.net柳州网站建设
外链达人他爸 发表于 2015-6-25 15:33:55 来自PC
按照上面的说法,在一个页面就能搞定所有的事了,那以后做网站利用ajax技术把这些功能都放在一个页面,其实这样也并不好,把过多的功能集中在一个页面会造成代码的臃肿,虽然访客浏览和操作起来看起来方便了,但实际上把你暂时用不到的功能也都加载进来,在网速慢的时候,就悲催了
http://www.cqdl321.com http://cqdl321.com
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表