当前访客身份:游客 [ 登录  | 注册加入尚学堂]
直播

我来了!

拥有积分:3868
尚学堂雄起!!威武。。。

博客分类

笔记中心

课题中心

提问中心

答题中心

解答题中心

Ajax学习(一)——与Ajax的初次相识

我来了! 发表于 2年前 (2014-11-09 23:40:32)  |  评论(0)  |  阅读次数(348)| 0 人收藏此文章,   我要收藏   
    AJAX是“Asynchronous Javascript And XML”的缩写,从字面上解释是"异步JavaScript和XML"的简称。它不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。它也不是一项单一的技术,而是多个技术的集合,Ajax不仅仅包括 JavaScript 和XML, 还包括HTML、XHTML、DOM、CSS、XSTL、XMLHttpRequest等技术。
    在Ajax出现之前,早就使用HTML来制作网页。随着网络的发展,HTML显露出了其局限性,于是又出现了XHML和CSS。其中,XHML用于格式化数据,CSS用于创建精美的网页风格。在静态网页不能满足用户的交互需求之后,出现了JavaScript和DOM。JavaScript用于处理数据,DOM用于实现用户的动态交互和显示。XML和XSTL用于进行数据的交换和处理,XMLHttpRequest则用于异步读取数据。在Ajax出现之前,这些技术几乎都是单独使用,直到Ajax出现之后,这些技术才得到了更广泛的应用。

    传统的Web处理技术中,以注册用户信息为例,将填写完的注册信息提交到服务器上,需要等待服务器返回处理结果。如果注册信息需要修改,还要等待服务器的反馈。如果注册信息完全有效,也要等待服务器的反馈结果。再比如说打开淘宝的首页,有一个用户登录的区域,登录以后,会显示自己的用户名。在未使用Ajax的情况下,输入用户名和密码后提交整个网页信息,需要重新加载整个网页中的所有数据,这无疑会加重服务器的负担,同时也占用了更多的网络资源和等待时间。当使用了异步处理技术后,可以在不重新加载整个网页的情况下,只加载登录区域的数据,实现对网页的局部更新。使用百度、谷歌等搜索引擎时,我们还没输完问题,下面就会列出相关的备选项,这就是Ajax技术的运用,默默地全心全意为用户服务。

    Ajax将多种技术团结在一起,其中XMLHttpRequest主要作用是异步处理,可以选择性提交有用的数据,从而减轻服务器的负担和网络带宽的压力,进而提高响应速度。DOM技术实现网页的局部更新;CSS技术带来更好的用户体验;XML和XSTL技术用于调用外部数据,可以使页面显示和数据分离,让网页更标准化。当然Ajax也有缺点,它需要浏览器中的Ajax引擎支持,所以要考虑浏览器的兼容性。有一些老版本的浏览器不支持Ajax,不同的浏览器对Ajax的支持也不同。局部更新是Ajax的一大特点,但是浏览器并不支持局部更新的后退功能。

    啰嗦了这么多,其实就是要对Ajax有一个宏观的认识和了解。接下来我们通过一个简单的实例,从理论步入实践。

分享到:0
关注微信,跟着我们扩展技术视野。每天推送IT新技术文章,每周聚焦一门新技术。微信二维码如下:
微信公众账号:尚学堂(微信号:bjsxt-java)
声明:博客文章版权属于原创作者,受法律保护。如果侵犯了您的权利,请联系管理员,我们将及时删除!
(邮箱:webmaster#sxt.cn(#换为@))
北京总部地址:北京市海淀区西三旗桥东建材城西路85号神州科技园B座三层尚学堂 咨询电话:400-009-1906 010-56233821
Copyright 2007-2015 北京尚学堂科技有限公司 京ICP备13018289号-1 京公网安备11010802015183