存档

文章标签 ‘Ajax’

快速、简便使用AJAX技术的三部曲

2007年9月8日
没有评论

 其实AJAX并不复杂，自从AJAX技术出来后，天花乱坠的框架纷纷出台，搞得技术开发人员无从下手，baidu google里也有很多例子，大都是复杂要死。其实就web开发而言，AJAX技术只是一个配合，完全没有必要本末倒置，是一种页面优化的技术，也就是说，如何去优化我们的web页面才是AJAX的重头戏。下面我举个很简单的例子，可以满足大部分的业务需求。（当然，如果是很专业的页面要求，可以去参考那些复杂的框架）

第一步：

写一个后台的“接口”，这个可以用任何语言来实现，只要能返回http报文就可以了，我这里以webwork后台代码举个例子 阅读全文…

javascript框架 , ,

Ajax的实用技术——用户的注意力从页面的其他区域到转移选择的图片

2007年7月30日
没有评论

Lightbox

虽然 Lightbox 非常具体站点，但是我想指出 Lightbox 技术在当今许多站点中都发挥了很大的作用。lightbox 是用户界面技术与一些 Ajax 技术的结合体。Web 页面的例子如 图 10 所示。

图 10. Lightbox JS 主页
Lightbox JS 主页

如果单击某个图像，那么整个页面会变暗，同时一个方框出现在页面中间，显示放大后的所选图片。图 11 显示这个功能。

图 11. 单击图像后 lightbox 出现
单击图像后 lightbox 出现

这种技术具有很多优势。它可以把用户的注意力从页面的其他区域到转移选择的图片。因为用户可以单击 Close 返回正常的浏览页面，因此这种技术可以为用户显示很多详细内容而又不必离开当前页面。

这种 lightbox 技术不仅适用于图像或者视频，也适用于文本内容。我经常访问的一个站点就是使用 lightbox 技术在主页上合适的区域显示了每一篇文章的概要。但是用户只有在单击了 lightbox 链接（通过 Ajax）之后，页面才会加载该篇文章的概要。因此，用户可以在一个页面中同时阅读几篇文章的概要内容，并且构建大量的页面会使服务的带宽不够，虽然用户并不会同时访问所有的页面。这于对于计算机和用户来说都是最好的。

一些开源的 JavaScript 库可用于开发 lightbox。上图所显示的是 Lightbox JS version 2。

 

javascript框架 , ,