【Ajax技术】Ajax技术概述
2015-07-31 11:43
197 查看
1.走进Ajax:
2005年JesseJamesGarrett发表了一篇文章,标题为:“Ajax:AnewApproachtoWeb
Applications”。他在这篇文章里介绍了一种技术,用他的话说,就叫:Ajax,是Asynchronous
JavaScript+XML的简写。这种技术能够想服务器请求额外的数据而无须卸载页面(即刷新),
会带来更好的用户体验。一时间,席卷全球。
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
Ajax 的核心是 JavaScript 对象 XmlHttpRequest。该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest 使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。
使用Javascript向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。通过这个对象,您的 JavaScript 可在不重载页面的情况与Web服务器交换数据。
允许客户端脚本发送HTTP请求(XMLHTTP)的第一个组件由Outlook Web Access小组写成。该组件原属于微软Exchange Server,并且迅速地成为了Internet Explorer 4.0的一部分。
说白了Ajax就是一个已有技术的结合体。
Ajax的详细技术:
1.使用XHTML和CSS的基于标准的表示技术
2.使用DOM进行动态显示和交互
3.使用XML和XSLT进行数据交换和处理
4.使用XMLHttpRequest进行异步数据检索
5.使用Javascript将以上技术融合在一起
传统的信息传输模式:
缺点,在向服务器发送请求,并且等待服务器相应,跳转(用struts或servlet的重定向)到新的页面这个阶段服务是暂停的,也就是这段时间用户的体验是空白的。、、
使用Ajax的信息传输模式:(如图)
优点:使用Ajax提交信息并不会终断用户的体验,它使用了JavaScript 的 XmlHttpRequest对象对页面发送了请求,页面并没有刷新,所以用户的体验并不会终断。使用Ajax的异步请求方式,浏览器无须频繁的加载新页面,服务器的响应不再是整个页面内容,而只是必须更新的部分数据。Ajax可以减轻服务器和带宽的负担,提供更好的服务。
总结:Ajax效果:
1.改善表单验证方式,不需要打开新页面,也不需要将整个页面数据提交。
2.不许刷新页面就可以改变页面内容,减少用户等待时间。
3.按需获取数据,每次只从服务器端获取需要的数据。
4.读取外部数据,进行数据处理整合。
5.异步与服务器进行交互,在交互过程中用户无需等待,仍可继续工作。
以后我将使用javascript的jquery来实现AJax的效果
转载请注明出处:http://blog.csdn.net/acmman/article/details/47167927
2005年JesseJamesGarrett发表了一篇文章,标题为:“Ajax:AnewApproachtoWeb
Applications”。他在这篇文章里介绍了一种技术,用他的话说,就叫:Ajax,是Asynchronous
JavaScript+XML的简写。这种技术能够想服务器请求额外的数据而无须卸载页面(即刷新),
会带来更好的用户体验。一时间,席卷全球。
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
Ajax 的核心是 JavaScript 对象 XmlHttpRequest。该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest 使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。
使用Javascript向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。通过这个对象,您的 JavaScript 可在不重载页面的情况与Web服务器交换数据。
允许客户端脚本发送HTTP请求(XMLHTTP)的第一个组件由Outlook Web Access小组写成。该组件原属于微软Exchange Server,并且迅速地成为了Internet Explorer 4.0的一部分。
说白了Ajax就是一个已有技术的结合体。
Ajax的详细技术:
1.使用XHTML和CSS的基于标准的表示技术
2.使用DOM进行动态显示和交互
3.使用XML和XSLT进行数据交换和处理
4.使用XMLHttpRequest进行异步数据检索
5.使用Javascript将以上技术融合在一起
传统的信息传输模式:
缺点,在向服务器发送请求,并且等待服务器相应,跳转(用struts或servlet的重定向)到新的页面这个阶段服务是暂停的,也就是这段时间用户的体验是空白的。、、
使用Ajax的信息传输模式:(如图)
优点:使用Ajax提交信息并不会终断用户的体验,它使用了JavaScript 的 XmlHttpRequest对象对页面发送了请求,页面并没有刷新,所以用户的体验并不会终断。使用Ajax的异步请求方式,浏览器无须频繁的加载新页面,服务器的响应不再是整个页面内容,而只是必须更新的部分数据。Ajax可以减轻服务器和带宽的负担,提供更好的服务。
总结:Ajax效果:
1.改善表单验证方式,不需要打开新页面,也不需要将整个页面数据提交。
2.不许刷新页面就可以改变页面内容,减少用户等待时间。
3.按需获取数据,每次只从服务器端获取需要的数据。
4.读取外部数据,进行数据处理整合。
5.异步与服务器进行交互,在交互过程中用户无需等待,仍可继续工作。
以后我将使用javascript的jquery来实现AJax的效果
转载请注明出处:http://blog.csdn.net/acmman/article/details/47167927
相关文章推荐
- iOS- 如何集成支付宝
- 黑马程序员——14,String相关知识点
- Thinking In Linux C/C++字节对齐详解
- spring零总
- UVa 455 - Periodic Strings
- 输出文本Log
- Javascript实现网络监测的方法
- 空指针nullptr
- 在vc中的调用chm文件的方法
- 连连看
- 一个命令让Win10立即推送升级Win7/Win8.1
- placeholder颜色变化
- 转:RAC中比较replay, replayLast, and replayLazily
- 表单模型+安装目录+侵入表单模型
- 抓包分析TCP三次握手
- autolayout
- 重大校长周绪红寄语毕业生:做好平凡人
- android 定制自己的log工具类
- Edit编辑文本控件信息(GetDlgItem,SetWindowText,GetWindowText)
- hadoop start-dfs.sh Error: JAVA_HOME is not set and could not be found