惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog
A
About on SuperTechFans
Microsoft Security Blog
Microsoft Security Blog
Y
Y Combinator Blog
罗磊的独立博客
J
Java Code Geeks
人人都是产品经理
人人都是产品经理
MongoDB | Blog
MongoDB | Blog
The GitHub Blog
The GitHub Blog
G
Google Developers Blog
U
Unit 42
Microsoft Azure Blog
Microsoft Azure Blog
博客园 - Franky
Jina AI
Jina AI
F
Fortinet All Blogs
H
Help Net Security
B
Blog RSS Feed
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Last Week in AI
Last Week in AI
博客园 - 司徒正美
云风的 BLOG
云风的 BLOG
M
MIT News - Artificial intelligence
C
Check Point Blog
GbyAI
GbyAI

博客园 - 孙飞

Mysql数据库字符集设置为Latin1导致的中文乱码解决办法 关于 万网姓名域名免费注册活动,截止到12月31日 什么是域名?世界上第一个被注册的域名是什么? 阿里云优惠券活动持续不断,推荐者与被推荐者互利共赢 国外超便宜年付10美元vps提供商123Systems继续推出优惠套餐 不用转换成csv格式,PHPExcel轻松生成和导入excel表格 为什么中国有那么多忠实的ie6用户? 网站访问慢的真实原因,如何提高网站访问速度 阿里云主机和linode的vps使用体会 企业营销人员如何利用网站获得更多订单 为什么不建议用img标签来控制图片大小 网站可访问的目录下不要放备份文件 初学者用div+css结构写网页的几个误区 警惕网站sql注入漏洞,时刻关注网络安全 ie6下div标签里的img使底部多出4像素的解决方案 css样式中input和img在同一行居中对齐 网站制作细节之:能否别再出现“今天是112年……” 网站制作细节之:背景图片的repeat合理利用
网站制作中灵活运用ajax技术代替页面切换的优势
孙飞 · 2012-12-26 · via 博客园 - 孙飞

在一个网站系统中,少不了与用户交互的功能,比如登录、注册、留言等,这些功能虽说是必不可少的,用户为了进行评论或购买等某种行为必须先通过登录验证,但这并不是访客最终的需求。 传统网站系统将每一个独立的功能做成一个单独的页面,通过超链接的反复跳转引导用户在这些功能页面之间切换,而这些不同功能所在页面上大部分的样式和代码都是相同的,在遇到网速慢时,重复加载不必要的内容会大大降低访问速度。而且根据经验,频繁的切换可能会导致用户忘记自己要做什么事(虽然现在大多数网站会在用户登录后跳转回登录前的页面)。 ajax技术已经不是新技术了,利用ajax技术,能够使页面局部向服务器请求并返回数据,从而实现了不刷新页面也能与服务器做交互,说直白一点,就是不用在不同功能的页面之间来回跳转,夸张一点的说一个完整的网站只需要一个页面就可以搞定登录、注册、评论、留言等各种交互的功能。 按照上面的说法,在一个页面就能搞定所有的事了,那以后做网站利用ajax技术把这些功能都放在一个页面,其实这样也并不好,把过多的功能集中在一个页面会造成代码的臃肿,虽然访客浏览和操作起来看起来方便了,但实际上把你暂时用不到的功能也都加载进来,在网速慢的时候,就悲催了。 因此,合理的利用ajax技术在网站的功能操作上进行优化,使效率和可用性达到平衡才是关键,用户在电子商务网站看到一个很喜欢的商品,点击确认购买后却被带到一个只有登录框的登录界面,影响了用户的体验,如果在点完购买按钮后,在不关闭该商品页面的基础上,在按钮的旁边弹出一个小的登录提示框,输入完登录信息后可以立即购买,用户就不会感到很突兀。类似的ajax技术应用还有很多,比如添加联系人,修改某些参数,审核文章等等。 ajax技术不是什么高深的技术,用好了能从网站的人性化角度带来很好的用户体验,主流的门户网站、电子商务网站许多看似高深绚丽的效果并不是遥不可及,学习他们在提升用户体验上的宝贵经验将对我们的工作带来很大的收获。