基于ajax技术开发移动web应用

《基于ajax技术开发移动web应用》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、应用安全基于Ajax技术开发移动Web应用于志良裘国永陕西师范大学陕西摘要：本文从模型架构、应用技术、产业支持三个方面探讨了Aj+ax对移动Web应用开发的影响，并结合实例分析，阐述了基于Aj'ax开发移动Web应用的优势。关键词：Aj+ax；Web2.0；XMLHttpRequest；移动Web应用71994-2016ChinaAcademicJournalElectronicPublishingHouse.Allrightsreserved,http://www.cnki.net71994-201

2、6ChinaAcademicJournalElectronicPublishingHouse.Allrightsreserved,http://www.cnki.net0引言移动上网早己由名词变成了动词，而Web2.0则又为移动上网注入了新的元素。根据TimO’Reilly的描述，Web2.0是提供集体创作的共通平台，可以整合各种资源，甚而将这些资源再利用以形成各种不同的服务[1]。移动设备作为潜在的、巨大的资源服务提供者，在Web2.0的大舞台上将具有极为重要的地位。而移动Web应用的发展，却面临着

3、移动设备本身以及无线网络的限制。1移动Web应用面临的问题移动Web应用程序类似于PCWeb应用程序，客户端设备通过URL定位Web服务器，通过浏览器进行交互，客户端几乎不需要处理。移动Web应用易于发布、升级，能跨运营商平台，但是，它也面临着一些限制。首先，从Web应用程序本身的限制来。(1)网络延迟：浏览器将来自页面的请求发送给HTTP服务器，经过一段刷新时间，再将返回结果以新的页面形式呈现给用户。不可预测的网络延迟进一步降低了交互性。(2)离线支持：缺乏离线支持是Web应用程序的主要局限之一。(

4、3)用户体验：AlanCooper定义了两种主要应用方式瞬态的(transient)和独占的(sovereign)。瞬态应用作为次要活动，突发性地使用一段时间，而独占应用则使用得更加频繁。基于Web页面的方案解决了瞬态的应用，但是对于独占应用，桌面应用程序漂亮的用户界面、良好的动态性、交互性，以及丰富的用户体验极大地影响了Web应用程序的前景，特别是对游戏之类的Web应用而言。其次，从移动Web应用程序的特点来看。(1)间断的网络连接：无线网络相对不稳定，常常受到信号覆盖的影响。(2)带宽限制：目前的

5、实际带宽不足以满足用户需求。(3)用户输入、屏幕尺寸的限制。随着设备和技术的进步，其中一些局限将得以改善，但是整体的用户体验仍然是最重要的局限。2Ajax技术2.1Ajax的特点传统Web应用中，用户触发一个HTTP请求，由服务器进行处理并把结果返回给用户。在服务器处理过程中，用户只能等待。Aj+ax提供了与服务器异步通信的能力，用户触发请求时，JavaScript立即更新UI，并向服务器发出异步请求，执行业务流程。当请求返回时，使用JavaScript和CSS(CascadingStyleShee

6、t:层叠样式表)相应地更新UI，并不刷新整个页面。Aj+ax是凭借Aj+ax引擎解决上述问题的。在Session开始时，Aj+ax应用装载Aj+ax引擎。Aj+ax引擎采用JavaScript编写，被放置在一个隐藏的frame中，用户与Aj+ax引擎交互，而非Web服务器。如果用户交互不需要从服务器上获得数据，Aj+ax引擎会自主处理这个交互。当用户交互需要从服务器上获取一些数据时，Aj+ax引擎会完成一个异步调用，而不打断用户流。所以，借助于Aj+ax，用户甚至不知道浏览器正在与服务器通信：Web站

7、点看起来是即时响应的。2.2Ajax的工作原理图1Ajax模型的四个主要组件Aj+ax不是单一的技术，它由几种蓬勃发展的技术以新的71994-2016ChinaAcademicJournalElectronicPublishingHouse.Allrightsreserved,http://www.cnki.net71994-2016ChinaAcademicJournalElectronicPublishingHouse.Allrightsreserved,http://www.cnki.net作者

8、简介：于志良（1983-)，男，硕士研究生，研究方向：计算机软件与理论。裘^裘国永（1964-)，男，博士，副教授，研究方向：科学计算、智能信息处理。42^各迓宝技朮彐应用2007.1171994-2016ChinaAcademicJournalElectronicPublishingHouse.Allrightsreserved,http://www.cnki.net方式组合而成。图1显示了Ajax模型的主要组件。Ajax使用XMLHttpReques