关于ajax异步请求的tab技术很常见,在很多门户网站上都可以看到他的身影,特别是在频道首页,这样做的目的是显而易见的,分步请求数据,减缓服务器的压力,带来更为流畅的用户体验。如下图:

设计起来当然不是什么问题,就是一个特殊的和服务器有通信的tab而已,在首轮tab切换过程中,发送一个XHR,然后再把Server响应的数据(基本上是html字串)塞到相应的容器中即可。这个过程中有个问题需要注意,在每个选项点击第一次之后,已经把所需要的数据加载到客户端,那么再次切换的时候就没有必要重新请求服务器了,这样做的依据就是判断内容容器中的innerHTML是否为空。
诚然,你如果真的反其道而行之,也并无过错,并不会影响网页功能的展现,但却是徒劳无益,反而加重服务器的负担,并且会影响到用户体验,这也就有被于使用ajax tab的初衷了。
同样的,详情请登录 :Demo
