运用ajax技术改善web站点的用户操作体验
作者: 刘兴伟
责任编辑: 阚智
来源: 中小企业IT采购
时间: 2006-09-18 10:24
关键字: web,ajax
浏览: 0
点赞: 0
收藏: 0
专家介绍:刘兴伟
辽宁省铁岭市人
现任 中国国际海运网高级工程师
机械设计专业毕业
曾先后任职于铁岭市银州区外贸公司、沈阳腾飞软件公司、 大连育才计算机学校,担任网络技术研发与教育工作。
ajax的英文全称是"Asynchronous JavaScript And XML",直译为异步JavaScript及XML技术。它是多种技术的综合运用,包括Javascript、XML、XHTML、DOM等,核心则是浏览器提供的XMLHTTPRequest对象。
从某种角度来说,ajax可以算是旧瓶装新酒,其中的多数技术都不是新技术,然而XMLHTTPRequest对象的出现,为综合运用这些技术提供了契机,GOOGLE对ajax的运用更是掀起了ajax的狂潮!几乎所有介绍ajax的文章和书籍都不可避免地提到GOOGLE MAP和GMAIL对Ajax的运用,很多人也正是由此开始了解到ajax技术。
作为一种web应用技术,ajax为客户端与服务器端的交互提供了一个新的途径。通常客户端浏览器与服务器的交互必然会引起页面的刷新,不管它的内容有没有变化,有多少变化,即使只改变了一个字,页面的所有内容都必须从服务器再次传送到客户端!这就造成了大量带宽的浪费,也增加了用户的等待时间。ajax中的XMLHTTPRequest对象允许客户端向服务器发出请求并得到回应,但交互的主体是页面中的XMLHTTPRequest对象和服务器,而不是整个的浏览器,这样可以在不刷新页面的前提下与服务器交互。而且XMLHTTPRequest对象可以与服务器以异步方式通讯,页面的其它部分可以独立运行,无需等待此次通讯的结束。页面内容的变化则由Javascript操纵DOM对象来完成。
在ajax的运用实践中,只有必不可少的数据是在交互中传递的,大部分的操作由客户端脚本语言Javascript的完成,此时的浏览器就成了一个RICH CLIENT,页面则更象一个传统的应用程序,B/S架构看起来也会有点象C/S了。
更为重要的是,Ajax仅在需要时小数据量的与服务器通讯,并在不刷新页面的前提下对页面的部分内容做出修改,极大地减少了数据传输的浏览,缩短了用户的等待时间,全面改善了用户的操作体验。程序员也可以借助此技术来完成许多在原有技术条件下由于频繁地大量交互操作而变得极其缓慢以致失去实用价值的项目。
伴随着web2.0的潮流,ajax也在web上风行一时,许多知名的网站都开始使用这种技术。最典型也最早成功运用此项技术的,自然是上面提到的GOOGLE MAP和GMAIL。其它运用此技术的还有GMAIL中的在线Gtalk、新浪的wocall、yahoo首页右上部分的应用区、腾讯的腾讯通(RTX)、126邮箱、阿里巴巴的注册系统以及众多的web即时通讯工具,等等。
中国国际海网也开始尝试使用ajax技术来改善用户的操作体验,在注册系统首先应用并获得了成功。在传统的注册过程中,需要点击“验证登录名”按钮才能够知道用户名是否被占用,采用了ajax技术后,用户填写了用户名后,无需做任何额外的操作,系统即会提示用户登录名是否可用。仅这一项小小的改变,就使会员的日注册量增加了近2倍。在初步应用取得效果后,中国国际海运网将进一步运用此技术提高用户的操作舒适度,计划中的改变有建立会员间、会员与网站间的web通讯、为会员提供自定义的后台等。相信随着这些方便用户的措施的广泛应用,会为会员提供更优质的服务。
当然,ajax也有缺点,其中最为人诟病的主要有无法利用后退按钮返回改变前的页面、无法收藏页面(页面内容的变化无法体现在URL地址上)、降低了页面被搜索引擎收录的机率、浏览器间JavaScript和DOM等的不兼容、大量的客户端代码使得页面的首次加载及后续运行缓慢等。
前两项缺陷,很多书籍和网友提供了解决方案,虽然不尽完美。
降低页面被搜索引擎收录的机率问题,个人看法是:要合理而不是全面运用ajax技术,不要为了ajax而ajax。在那些运用ajax后明显提高了用户的操作体验或者web应用的运行效率的地方,可以不优先考虑搜索引擎,鱼与熊掌不可兼得的情况下,只能权衡利弊,毕竟用户才是我们的上帝,我们应该竭尽所能为用户着想。不能带来或很少带来效果和效率的地方就要明智地放弃使用ajax。
浏览器的不兼容是个一直困扰web行业的老问题,在各种浏览器全面支持通用标准仍遥遥无期的情况下,也只有运用各种技术手段来编写可以在多种浏览器下安全运行的代码,关于这一点,各种资料汗牛充栋,恕不赘言。
至于客户端代码臃肿引起的加载和运行缓慢,恐怕只能指望程序员对代码的优化了。
不过瑕不掩瑜,ajax仍然不失为一项优秀的web应用技术,并且它仍在不断的发展进化中。
有人说web2.0的冬天来了,然而“吹尽黄沙始到金”,作为一种给web站点带来真实改善的实用技术,ajax的春天才刚刚到来,我们有理由期待越来越多的web站点会利用这项技术为广大网民带来更多的好处。
辽宁省铁岭市人
现任 中国国际海运网高级工程师
机械设计专业毕业
曾先后任职于铁岭市银州区外贸公司、沈阳腾飞软件公司、 大连育才计算机学校,担任网络技术研发与教育工作。
ajax的英文全称是"Asynchronous JavaScript And XML",直译为异步JavaScript及XML技术。它是多种技术的综合运用,包括Javascript、XML、XHTML、DOM等,核心则是浏览器提供的XMLHTTPRequest对象。
从某种角度来说,ajax可以算是旧瓶装新酒,其中的多数技术都不是新技术,然而XMLHTTPRequest对象的出现,为综合运用这些技术提供了契机,GOOGLE对ajax的运用更是掀起了ajax的狂潮!几乎所有介绍ajax的文章和书籍都不可避免地提到GOOGLE MAP和GMAIL对Ajax的运用,很多人也正是由此开始了解到ajax技术。
作为一种web应用技术,ajax为客户端与服务器端的交互提供了一个新的途径。通常客户端浏览器与服务器的交互必然会引起页面的刷新,不管它的内容有没有变化,有多少变化,即使只改变了一个字,页面的所有内容都必须从服务器再次传送到客户端!这就造成了大量带宽的浪费,也增加了用户的等待时间。ajax中的XMLHTTPRequest对象允许客户端向服务器发出请求并得到回应,但交互的主体是页面中的XMLHTTPRequest对象和服务器,而不是整个的浏览器,这样可以在不刷新页面的前提下与服务器交互。而且XMLHTTPRequest对象可以与服务器以异步方式通讯,页面的其它部分可以独立运行,无需等待此次通讯的结束。页面内容的变化则由Javascript操纵DOM对象来完成。
在ajax的运用实践中,只有必不可少的数据是在交互中传递的,大部分的操作由客户端脚本语言Javascript的完成,此时的浏览器就成了一个RICH CLIENT,页面则更象一个传统的应用程序,B/S架构看起来也会有点象C/S了。
更为重要的是,Ajax仅在需要时小数据量的与服务器通讯,并在不刷新页面的前提下对页面的部分内容做出修改,极大地减少了数据传输的浏览,缩短了用户的等待时间,全面改善了用户的操作体验。程序员也可以借助此技术来完成许多在原有技术条件下由于频繁地大量交互操作而变得极其缓慢以致失去实用价值的项目。
伴随着web2.0的潮流,ajax也在web上风行一时,许多知名的网站都开始使用这种技术。最典型也最早成功运用此项技术的,自然是上面提到的GOOGLE MAP和GMAIL。其它运用此技术的还有GMAIL中的在线Gtalk、新浪的wocall、yahoo首页右上部分的应用区、腾讯的腾讯通(RTX)、126邮箱、阿里巴巴的注册系统以及众多的web即时通讯工具,等等。
中国国际海网也开始尝试使用ajax技术来改善用户的操作体验,在注册系统首先应用并获得了成功。在传统的注册过程中,需要点击“验证登录名”按钮才能够知道用户名是否被占用,采用了ajax技术后,用户填写了用户名后,无需做任何额外的操作,系统即会提示用户登录名是否可用。仅这一项小小的改变,就使会员的日注册量增加了近2倍。在初步应用取得效果后,中国国际海运网将进一步运用此技术提高用户的操作舒适度,计划中的改变有建立会员间、会员与网站间的web通讯、为会员提供自定义的后台等。相信随着这些方便用户的措施的广泛应用,会为会员提供更优质的服务。
当然,ajax也有缺点,其中最为人诟病的主要有无法利用后退按钮返回改变前的页面、无法收藏页面(页面内容的变化无法体现在URL地址上)、降低了页面被搜索引擎收录的机率、浏览器间JavaScript和DOM等的不兼容、大量的客户端代码使得页面的首次加载及后续运行缓慢等。
前两项缺陷,很多书籍和网友提供了解决方案,虽然不尽完美。
降低页面被搜索引擎收录的机率问题,个人看法是:要合理而不是全面运用ajax技术,不要为了ajax而ajax。在那些运用ajax后明显提高了用户的操作体验或者web应用的运行效率的地方,可以不优先考虑搜索引擎,鱼与熊掌不可兼得的情况下,只能权衡利弊,毕竟用户才是我们的上帝,我们应该竭尽所能为用户着想。不能带来或很少带来效果和效率的地方就要明智地放弃使用ajax。
浏览器的不兼容是个一直困扰web行业的老问题,在各种浏览器全面支持通用标准仍遥遥无期的情况下,也只有运用各种技术手段来编写可以在多种浏览器下安全运行的代码,关于这一点,各种资料汗牛充栋,恕不赘言。
至于客户端代码臃肿引起的加载和运行缓慢,恐怕只能指望程序员对代码的优化了。
不过瑕不掩瑜,ajax仍然不失为一项优秀的web应用技术,并且它仍在不断的发展进化中。
有人说web2.0的冬天来了,然而“吹尽黄沙始到金”,作为一种给web站点带来真实改善的实用技术,ajax的春天才刚刚到来,我们有理由期待越来越多的web站点会利用这项技术为广大网民带来更多的好处。
©本站发布的所有内容,包括但不限于文字、图片、音频、视频、图表、标志、标识、广告、商标、商号、域名、软件、程序等,除特别标明外,均来源于网络或用户投稿,版权归原作者或原出处所有。我们致力于保护原作者版权,若涉及版权问题,请及时联系我们进行处理。