博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax的第一天
阅读量:7066 次
发布时间:2019-06-28

本文共 1529 字,大约阅读时间需要 5 分钟。

Asynchronouse Javascript and XML是缩写

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

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

③ 无刷新数据交换技术有以下: 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引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

 

转载于:https://www.cnblogs.com/JoannaQ/archive/2012/08/03/2620900.html

你可能感兴趣的文章
分享实用的JavaScript代码库
查看>>
46. Permutations
查看>>
49. Group Anagrams
查看>>
团队作业7——第二次项目冲刺-Beta版本项目计划
查看>>
【Android】3.7 UI控制功能
查看>>
Linux下搭建tomcat和jre的环境
查看>>
国庆节
查看>>
java jni和android java ndk
查看>>
练习:WinForm 登录界面
查看>>
vue双向绑定原理
查看>>
初学python,感受和C的不同
查看>>
洛谷P3146 [USACO16OPEN]248
查看>>
Codeforces Round #419 (Div. 2) A-E
查看>>
【Leetcode】Path Sum II
查看>>
asp.net 2.0 导出DataTable到Excel中
查看>>
PCA算法学习_1(OpenCV中PCA实现人脸降维)
查看>>
Kinect+OpenNI学习笔记之12(简单手势所表示的数字的识别)
查看>>
对比学习UIKit和AppKit--入门级
查看>>
深入学习JVM了解JVM内存模型
查看>>
LabVIEW与Arduino的连接
查看>>