======================================================
注:本文源代码点此下载
======================================================
定义ajax
adaptive path公司的jesse james garrett这样定义ajax:
ajax不是一种技术。实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。ajax包含:
基于xhtml和css标准的表示;
使用document object model进行动态显示和交互;
使用xmlhttprequest与服务器进行异步通信;
使用javascript绑定一切。
这非常好,但为什么要以ajax命名呢?其实术语ajax是由jesse james garrett创造的,他说它是“asynchronous javascript + xml的简写”。
ajax的工作原理
ajax的核心是javascript对象xmlhttprequest。该对象在internet explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,xmlhttprequest使您可以使用javascript向服务器提出请求并处理响应,而不阻塞用户。
在创建web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用ajax可以完成的功能:
动态更新购物车的物品总数,无需用户单击update并等待服务器重新发送整个页面。
提升站点的性能,这是通过减少从服务器下载的数据量而实现的。例如,在amazon的购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载32k的数据。如果使用ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。
消除了每次用户输入时的页面刷新。例如,在ajax中,如果用户在分页列表上单击next,则服务器数据只刷新列表而不是整个页面。
直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。对于ajax,当用户单击edit时,可以将静态表格刷新为内容可编辑的表格。用户单击done之后,就可以发出一个ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。
======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/