• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Joanna Qian
Stay Hungry, Stay Foolish!
博客园    首页    新随笔    联系   管理    订阅  订阅
ajax的第一天

Asynchronouse Javascript and XML是缩写

① ajax是一个与服务端语言无关的技术. 即可以使用在(php/java ee/.net网站/ asp)

② ajax可以给客户端返回三种格式数据(文本格式,xml,json格式)

③ 无刷新数据交换技术有以下: flash, java applet, 框架, iframe,  ajax)

是7种技术的综合,包含了七个技术:javascript、xml、xstl、xhtml、dom、xmlhttprequest、css,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术。Ajax的提出者Jesse James Garrett是这样阐述的:
  1. 使用XHTML和CSS标准化显示
  2. 使用DOM(Document Object Model)动态显示和交互
  3. 使用XML和XSLT进行数据交互和处理
  4. 使用XMLHttpRequest进行异步数据获取
  5. 使用JavaScript整合所有这一切(这部分被称为Ajax Engine)

是7种技术的综合,包含了七个技术:javascript、xml、xstl、xhtml、dom、xmlhttprequest、css,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术,Jesse James Garrett用下面这张图说明了Ajax应用和传统Web应用运作机制上的不同:

从上图可以看出,传统的web应用程序一般是由客户端浏览器向服务器提交数据,服务器返回新的页面,再次在浏览器中显示,这意味着每次数据往返都需要刷新浏览器页面。

传统的客户端和服务器响应方式
缺点
1. 数据是整体提交
2. 整个页面有刷新
3. 用户体验不好
4. 占带宽

Ajax应用程序改变了这种模式。由Javascript编写的Ajax引擎(Ajax Engine),在Ajax应用程序中担负着一个中间层的任务,当用户界面要向服务器提交数据时,由Ajax引擎负责收集数据并通过Http request(XMLHttpRequest)向服务器发送数据,服务器处理完成后返回XML,Ajax引擎将XML处理为便于用户界面显示的 XHTML和CSS数据,并更新用户界面相应部分的显示,而非刷新整个页面,从而避免了不必要的数据往返,只有必要的数据在必要的时刻才在浏览器和服务器 之间传输。

Ajax承担了与服务器通信的任务,从而使得用户的网页浏览及其与应用程序之间的交互得以异步进行。这种异步模式使得用户再也不用对着空白屏幕发 呆,再也不用等服务器处理完才能继续自己的工作。Ajax技术使Web应用拥有了与桌面应用相似的用户体验,大大提升了Web应用的可用性。在我刚开始使 用Gmail的时候就对其良好的可用性背后的技术感到好奇,直到我了解了Ajax才恍然大悟!

 ajax在什么地方用的多

1 动态加载数据,按需取得数据。【树形菜单、联动菜单.../省市联动】

2 改善用户体验。【输入内容前提示、带进度条文件上传...】

3 电子商务应用。【购物车、邮件订阅...】

4 访问第三方服务。    【访问搜索服务、rss阅读器】

5. 数据的布局刷新

小结一下,Ajax应用程序的优势在于:

1. 通过异步模式,提升了用户体验
2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

 

posted on 2012-08-03 04:10  Joanna Qian  阅读(336)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3