【Ajax技术】Ajax技术概述

简介:
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

相关文章
PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑
本文深入探讨了PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑;Ajax则通过异步请求实现页面无刷新更新。文中详细介绍了两者的工作原理、数据传输格式选择、具体实现方法及实际应用案例,如实时数据更新、表单验证与提交、动态加载内容等。同时,针对跨域问题、数据安全与性能优化提出了建议。总结指出,PHP与Ajax的结合能显著提升Web应用的效率和用户体验。
98 3
java-ajax技术详解!!!
本文介绍了Ajax技术及其工作原理,包括其核心XMLHttpRequest对象的属性和方法。Ajax通过异步通信技术,实现在不重新加载整个页面的情况下更新部分网页内容。文章还详细描述了使用原生JavaScript实现Ajax的基本步骤,以及利用jQuery简化Ajax操作的方法。最后,介绍了JSON作为轻量级数据交换格式在Ajax应用中的使用,包括Java中JSON与对象的相互转换。
86 1
告别页面刷新时代:Struts 2 Ajax技术揭秘,轻松实现动态加载,Web应用焕然一新!
【8月更文挑战第31天】在Web应用开发中,用户体验至关重要。为减少页面刷新带来的不适,Ajax技术应运而生。Struts 2作为流行的Java EE框架,通过内置的Ajax支持简化了无刷新页面动态加载的实现。本文通过对比传统请求响应模式,展示了Struts 2如何轻松实现Ajax功能,提升了用户体验和开发效率,并灵活地实现了数据交换。然而,使用Ajax时还需注意SEO和跨域请求等局限性。
59 0
Ajax 概述
Ajax 概述
38 0
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
AJAX和CSR(客户端渲染)是Web开发中常用的两种技术
【5月更文挑战第8天】AJAX提升用户体验,减轻服务器压力,但对搜索引擎不友好且增加开发复杂度,易引发安全问题。CSR提供快速响应和交互性,改善用户体验,但首屏加载慢,搜索引擎支持不足,同样面临安全挑战。两者各有适用场景,需按项目需求选择。
83 0
【JavaScript技术专栏】JavaScript网络请求与Ajax技术
【4月更文挑战第30天】Ajax是Web开发中实现动态数据更新的关键技术,允许不刷新页面即从服务器获取数据。它结合了HTML/CSS、DOM、XML/JSON和JavaScript。`XMLHttpRequest`是传统的Ajax实现方式,而`fetch` API是现代、简洁的替代选项。Ajax应用实例展示了如何使用fetch在搜索框输入时异步获取并显示结果,提升了用户体验。掌握这些技术对前端开发者至关重要。
100 0
JavaScript原生实现AJAX技术详解
【4月更文挑战第22天】本文详细介绍了使用原生JavaScript实现AJAX技术,包括基本原理和步骤。AJAX借助`XMLHttpRequest`对象实现异步通信,允许网页在不刷新情况下与服务器交换数据。文中提供示例展示了如何创建请求、设置回调函数、处理响应数据以及设置请求头和发送不同类型的数据。此外,还讨论了跨域问题及其解决方案,如CORS和JSONP。掌握这些基础知识对前端开发者至关重要,尽管现代框架提供了更高级的抽象。
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等