当前位置:首页 > 消费电子 > 消费电子
[导读]AJAX技术整合了XML、DOM及Javascript等多种技术,并充分发挥了各项技术,因而如今已经发展成为深受广大用户青睐的软件开发技术,并获得了良好的用户体验。本文重点针对AJAX的原理及其关键技术进行了分析,并就其在软件开发中的应用进行了探讨。

0 引言

AJAX采用异步调用方式进行局部页面的刷新,并以浏览器为基础创建多种应用,为用户提供良好的交互使用体验。

鉴于AJAX非凡的体验效果及良好的界面表现力,其不仅受到了业内的青睐和大力追捧,更展现了广阔的应用及商业前景。

1.AJAX关键技术分析

1.1 JavaScript

作为浏览器中使用频率相当高的一种编程语言,JavaScript可以确保客户端网页内容的实时更新。而其在AJAX中主要充当的是XMLHttpRequest与DOM二者的枢纽,并借助于XMLHttpRequest属性值对本地页面DOM对象进行动态更新。

1.2 XML

XML,即所谓的可扩展标记语言,同HTML相似,XML也是一种应用标签进行标记的语言,但用途较HTML而言具有较大的差异。HTML采用可直接阅读式的格式对数据进行显示,而XML则用来对数据进行描述、交换和存储。

1.3 XMLHttp

XMLHttp是借助于HTTP在VbScript及Javascript等脚本语言中进行XML或其他相关数据的接收或传输的一套API.XMLHttp主要作用即对网页部分内容进行更新,但无需对整个页面进行刷新。如今,多数浏览器均能够支持XMLHttp,在IE中利用ActiveXObject可以进行XMLHttp对象的创建,诸如Opera、Firefox等的浏览器可以利用window.XMLHttpRequest进行XMLHttp对象的创建。

1.4 DOM

DOM主要是供HTML及XML等文件使用的一套API.其能够对文件结构进行表述,并在网页和程序语言间构建起一座沟通的桥梁。开发人员都是借助于对象对所构建或可操作文件的属性、事件或方法进行展现的,例如,document代表的即文件自身这一对像,table则代表的是HTML表格对象等。此类对象能够采用多数浏览器中的Script进行取用,并达到显示或动态交互的目的。

1.5 XMLHttpRequest

作为AJAX所有技术中最为关键的技术,XMLHTTPRequest为异步请求提供了支持,在后台运行过程中,XMLHttPRequest对象利用异步通讯将来自http服务器的数据进行接收和获取,无需将用户的操作中断,同时,层面交互过程利用的是自动和服器来实现的。

2.软件开发中AJAX的应用分析

较传统CS开发而言,AJAX的开发过程存在着极大的差异,此类差异也带来了新的编程方面的问题,最重要的即易用性方面的问题。由于AJAX对于XML及JavaScript具有较强的依赖性,因此,浏览器支持标准及其兼容性的重要性正如JavaScript的运行性能一样。此类问题多数源自于技术、浏览器及服务器三者的组合,因此,必须确保此类技术的应用效果。以下就某案例就AJAX在软件开发中的应用进行分析。

WebGIS中应用AJAX时必须遵循Request/Response这一模式,此框架流程如下:对象的初始化→请求的发送→服务器的接收→服务器返回→客户端的接收→客户端页面内容的修改。

1)首先是对象的初始化,并进行XMLHttpRequest请求的发送。

为了确保JavaScript能够将HTTP请求发送至服务器端,应采用的是XMLHttp-Request这一对象。不同浏览器对于此过程的实现途径各不相同,IE采用ActiveX控件形式进行提供,Mozilla等浏览器采用的是XMLHttpRequest形式。

if(window.XMLHttpRequest){// Mozilla,

Safari, …

http_request=new XMLHttp Request();

}

else if(window.ActiveXObject){//IE

http_request=new ActiveXObject

(“Microsoft.XMLHTTP”);

}

2)对所需响应处理函数进行指定。

对客户端处理所返回服务器信息的方式进行指定,其中,处理函数名可赋于XMLHttpRequest对象相应的onreadystatechange属性。如http_request.onreadystatechange=processRequest.

3)进行HTTP请求的发送。待响应处理函数指定完毕后,即可向服务器进行HTTP请求的发送。此步骤采用的是相应的open与send方法。

http_request.open(‘GET','http://www.example.org/some.file',true);http_request.send(null);其中,open首个参数即为HTTP的请求方法,为Post、Get及Head等。open 第二个参数即目标URL,第三个参数指定此请求是否为异步方式。若为True,则异步请求,False为同步,默认为True.

4)对服务器返回信息进行处理。先对XML-HttpRequest对象的Readystate值进行检查,并对请求状态进行判断。形式如下:

if(http_request.readyState==4){

//信息已返回,开始处理

} else {

// 信息还未返回,继续等待

}

当服务器将信息返回之后,仍需对所返回HTTP的状态码进行判断,明确所返回页面是否存在错误。可在W3C官网上查询到全部状态码。如下所示,200表示页面是正常的。

if (http_request.status = = 200)

{

// 页面一切正常,可开始进行信息的

处理

} else {

// 页面存在问题

对于返回成功的信息,XMLHttpRequest具有如下处理方式:一种是responseText以字符串形式进行使用;另一种是responseXML以XML文档形式进行使用,可采用DOM进行处理。

由此可见,AJAX在软件开发过程中具有十分重要的应用,且随着各项技术的不断成熟,AJAX将在WebGIS平台内部发挥重要的作用。谷歌所推出的Google Maps中就采用了AJAX技术,此外,雅虎公司Flash/AJAX也充分利用了AJAX技术,以提高用户的体验效果。

3.结语

AJAX技术将多项技术融于一体,充分发挥了各项技术的功能,并获得了理想的效果,已成为用户极为青睐的开发技术之一。随着AJAX技术的不断发展和完善,其在软件开发领域必将引领新的潮流。

本站声明: 本文章由作者或相关机构授权发布,目的在于传递更多信息,并不代表本站赞同其观点,本站亦不保证或承诺内容真实性等。需要转载请联系该专栏作者,如若文章内容侵犯您的权益,请及时联系本站删除。
换一批
延伸阅读

9月2日消息,不造车的华为或将催生出更大的独角兽公司,随着阿维塔和赛力斯的入局,华为引望愈发显得引人瞩目。

关键字: 阿维塔 塞力斯 华为

加利福尼亚州圣克拉拉县2024年8月30日 /美通社/ -- 数字化转型技术解决方案公司Trianz今天宣布,该公司与Amazon Web Services (AWS)签订了...

关键字: AWS AN BSP 数字化

伦敦2024年8月29日 /美通社/ -- 英国汽车技术公司SODA.Auto推出其旗舰产品SODA V,这是全球首款涵盖汽车工程师从创意到认证的所有需求的工具,可用于创建软件定义汽车。 SODA V工具的开发耗时1.5...

关键字: 汽车 人工智能 智能驱动 BSP

北京2024年8月28日 /美通社/ -- 越来越多用户希望企业业务能7×24不间断运行,同时企业却面临越来越多业务中断的风险,如企业系统复杂性的增加,频繁的功能更新和发布等。如何确保业务连续性,提升韧性,成...

关键字: 亚马逊 解密 控制平面 BSP

8月30日消息,据媒体报道,腾讯和网易近期正在缩减他们对日本游戏市场的投资。

关键字: 腾讯 编码器 CPU

8月28日消息,今天上午,2024中国国际大数据产业博览会开幕式在贵阳举行,华为董事、质量流程IT总裁陶景文发表了演讲。

关键字: 华为 12nm EDA 半导体

8月28日消息,在2024中国国际大数据产业博览会上,华为常务董事、华为云CEO张平安发表演讲称,数字世界的话语权最终是由生态的繁荣决定的。

关键字: 华为 12nm 手机 卫星通信

要点: 有效应对环境变化,经营业绩稳中有升 落实提质增效举措,毛利润率延续升势 战略布局成效显著,战新业务引领增长 以科技创新为引领,提升企业核心竞争力 坚持高质量发展策略,塑强核心竞争优势...

关键字: 通信 BSP 电信运营商 数字经济

北京2024年8月27日 /美通社/ -- 8月21日,由中央广播电视总台与中国电影电视技术学会联合牵头组建的NVI技术创新联盟在BIRTV2024超高清全产业链发展研讨会上宣布正式成立。 活动现场 NVI技术创新联...

关键字: VI 传输协议 音频 BSP

北京2024年8月27日 /美通社/ -- 在8月23日举办的2024年长三角生态绿色一体化发展示范区联合招商会上,软通动力信息技术(集团)股份有限公司(以下简称"软通动力")与长三角投资(上海)有限...

关键字: BSP 信息技术
关闭
关闭