基于Ajax技术的Web应用开发研究

维普资讯

第２４卷第４期　

２００７年８月　

华东交通大学学报　

ＶｏＪ．２４　Ｎｏ．４　

Ａｕｇ．，２００７　

Ｊｏｕｒｎａｌ　ｏｆ　Ｅａｓｔ　Ｃｈｉｎａ　Ｊｉａｏｔｏｎｇ　Ｕｎｉｖｅｒｓｉｔｙ　

文章编号：１００５—０５２３（２００７）０４—００９７—０４　

基于Ａｊａｘ技术的Ｗｅｂ应用开发研究　

严丽平，袁可风，宋　凯　

（华东交通大学信息工程学院，江西南昌３３００１３）　

摘要：在与传统的Ｗｅｂ应用开发模型对比的基础上，提出了一种基于Ａｊａ】【技术的Ｗｅｂ应用开发模型，分析了Ａｊａ】【技术的工作　

原理及关键技术，并讨论了它在Ｗｅｂ投票系统中的具体实现．　

关键词：Ａｊａｘ；ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ；ＤＯＭ；Ｗｅｂ应用　

中图分类号：ＴＰ３１１　文献标识码：Ａ　

ｌ　引言　

在传统的浏览器与服务器的交互方式中，由用　

户触发一个瑚　请求到服务器，服务器对其进行　

处理后再返回一个新的Ｗｅｂ页到浏览器，每当服务　

强大方式组合而成．Ａｊａｘ包含：　

客户端　

用户界面　

ＪａｖａＳｃｔｉｐｔ　ｌ　Ｉ　ＨＴＭＬ＋（￣　

器处理浏览器提交的请求时，用户只能空闲等待，浪　

费时间和带宽…１．　

调　

ｌｍＰ　

ｌ　

ＸＭＬ　

据　

Ｉ　Ａｊ弘引擎　Ｉ　

Ａｊａｘ提供与服务器异步通信的能力，从而使用　

户从请求／响应的循环中解脱出来．借助于Ａｉａｘ，可　

以在用户单击按钮时，使用ＪａｖａＳｃｒｉｐｔ和ＤＨＴＭＬ立　

即更新ｕＩ，并向服务器发出异步请求，以执行更新　

或查询数据库．当请求返回时，就可以使用ＪａｖａＳｃｒｉｐｔ　

和ＣＳＳ来相应地更新ｕＩ，而不是刷新整个页面，这　

请求　数据　

Ｗｅｂ和，或）函　服务器　

使得用户甚至不知道浏览器正在与服务器通信，　

ｗｅｂ站点看起来是即时响应的．　

传统动态页面技术与Ａｊａｘ技术的对比如图１　

所示［２］：　

传统的Ｗｅｂ应用开发模型　

数据库，后端处理　

—］雨　

基于Ａｊａｘ的Ｗｅｂ应用开发模型　

图１两种Ｗｅｂ应用开发模型对比　

（１）基于ＸＨＴＭＬ和ＣＳＳ标准的表示；　

２　Ａｊａｘ技术　

２．１　Ａｊ　ａ】（定义　

Ａｊ８．Ｘ是Ａｓｙｎｃｈｒｏｎｏｕｓ　ＪａｖａＳｃｒｉｐｔ　ａｎｄ　ＸＭＬ的缩写，　

２００５年２月由Ｊｅｓｓｅ　Ｊａｍｅｓ　Ｇａｒｒｅｔｔ提出［引．Ａｊａｘ不是　

一

（２）使用ＤＯＭ进行动态显示和交互；　

（３）使用ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ与服务器进行异步通　

信；　

（４）使用Ｊａｖａ，Ｓｃｒｉｐｔ绑定和处理所有数据．　

２．２　Ａｊａｘ工作原理　

种技术，实际上，它由几种蓬勃发展的技术以新的　

收稿Ｅｌ期：２００７—０４—２７　

Ａｊａｘ应用程序在用户和服务器之间引入了一个　

作者简介：严丽平（１９８０一），汉族，女，安徽桐城人，讲师，在读研究生，主要研究方向：ｗｅｂ应用，数据挖掘　

维普资讯

９８　华东交通大学学报　

中间件——Ａｊａｘ引擎，由ＪａｖａＳｃｒｉｐｔ编写并通常放置　

在一个隐藏帧内．引擎的责任包括构造用户操作界　

面以及与服务器的沟通，允许用户与应用程序进行　

异步交互，无须直接访问服务器．用户动作的处理由　

Ａｐｐｌｅ公司在Ｓａｆａｒｉ　ｌ．２浏览器中也实现了该对　

象［　．　

通过ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象，Ａｊａｘ可以像桌面应　

用程序一样只同服务器进行数据层面的交换，而不　

用每次都刷新界面，也不用每次将数据处理的工作　

都交给服务器来做；这样既减轻了服务器负担又加　

快了响应速度、缩短了用户等待的时间．因此，ＸＭＬ—　

ＨｔｔｐＲｅｑｕｅｓｔ是Ａｊｘ技术解决无需刷新整个页面就可　ａ

传统的表单提交来激发一个Ｈ１ＴｒＰ请求，变为　

Ｊａｖａ￣，ｒｉｐｔ调用ＡＪａｘ引擎．给用户的回应不用等到服　

务器处理后返回，而直接由ＡＪａｘ引擎来处理，比如　

简单的数据校验，在内存中编辑数据，甚至一些导航　

功能．如果Ａｊａｘ引擎需要从服务器获取一些数据，　

比如提交数据给服务器处理，加载额外的界面代码，　

或者获取新数据，这种情况下ＡＪａｘ引擎通常以ＸＭＬ　

格式激发一个异步请求，用户端完全没有被中断的　

感觉．传统的Ｗｅｂ应用交互模式是同步的，而基于　

Ａｊａｘ技术的Ｗｅｂ应用交互模式是异步的，如图２所　

示．　

客户端　

服务器端　系兢处理　系戋ｉｉ处理　

传统ｗ出应用梗型交互梗式（同步）　

客户端　

，一一一一一一一…一…一一一一一一一一一一一一一、　

＼　＼譬　’　良　一－曼７－　

一　…７一　一＿，一　一　…一『Ｉ一　

一一　

目轴　

罄卜＼ｆ　＼　馨謦．　

服　萌　萌　

基于蛳ｘ的岫应用｝夏墅变互梗式（异步）　

图２两种Ｗｅｂ应用模型交互模式的对比　

２．３　Ａｊａｘ中的关键技术　

１）ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ　

ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ是Ａｊｘａ技术体系中最为核心的　

技术．１９９９年上半年，Ｍｉｃｒｏｓｏｆｔ公司率先在ＩＥ５．０中　

首次通过名为ＸＭＬＨｒｌｑ＇ｐ的ＡｃｔｉｖｅＸ对象来支持这种　

技术．ＸＭＬＨｒｌｑ＇ｐ对象使得页面中的脚本具有了在不　

刷新页面的情况下直接与服务器通信的能力．２０００　

年，Ｍｏｚｉｌｌａ公司在Ｍｏｚｉｌｌａ１．０（Ｎｅｔｓｃａｐｅ　７）中实现了具　

有相同接口的原生对象，即ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象．　

以从服务器获取新数据这个问题的关键所在．　

２）ＤＯＭ　

ＤＯＭ（Ｄｏｃｕｍｅｎｔ　Ｏｂｊｅｃｔ　Ｍｏｄｅ１）是一个Ｗ３Ｃ规约，　

可以以一种独立于平台和语言的方式访问和修改一　

个文档的内容和结构，是表示和处理一个ＨＴＭＬ或　

ＸＭＬ文档的常用方法．在Ａｊｘａ应用中，用户界面的　

更新是使用ＤＯＭ来完成的．ＤＯＭ能够为ＪａｖａＳｃｒｉｐｔ　

引擎公开文档（网页），通过使用ＤＯＭ可以采用编程　

方式操作文档的结构ｌ＿５　Ｊ．　

３）ＪａｖａＳｃｒｉｐｔ　

ＪａｖａＳｃｒｉｐｔ是一种基于对象和事件驱动并具有安　

全性能的脚本语言，使用它可以与ＨＴＭＬ、Ｊａｖａ脚本　

语言一起实现在一个网页中链接多个对象，与网络　

客户交互作用，从而可以开发客户端的应用程序．在　

Ａｊａｘ中ＪａｖａＳｃｆｉｐｔ则是主要推动力，它通过调用　

ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ的属性和方法来获取服务器端数　

据，然后调用ＤＯＭ的ＡＰＩ来更新Ｗｅｂ页面的内容，　

而不需要更新整个页面．　

４）ＸＭＬ　．　

ＸＭＬ是用于网络上数据交换的语言，具有与描　

述Ｗｅｂ页面的ＨＴＭＬ语言相似的格式，通过ＸＭＬ规　

范定义结构化数据．用ＸＭＬ表述的数据和文档，可　

以让所有程序共享．　

３基于Ａｊａｘ技术的Ｗｅｂ应用开发　

下面以一个投票系统为例，介绍ＡＪａｘ技术在　

Ｗｅｂ应用开发中的使用ｌ６ｊ．　

目前，在有些站点提供了评价文章的功能，当用　

户单击ｖｏｔｅ按钮后需等待一会儿，整个页面被刷新．　

在这个过程中，服务器需要传送大量的数据，给用户　

带来屏幕闪烁的感觉．而使用了Ａｊａｘ技术后，服务　

器只需要返回一个包含感谢信息的消息，同样，只需　

要刷新与投票相关的内容，而不是刷新整个屏幕．这　

使得用户界面响应更加灵敏，并消除了页面刷新所　

带来的闪烁．主要设计如下：　

维普资讯

第４期　严丽平，等：基于Ａｊａｘ技术的Ｗｅｂ应用开发研究　９９　

１）ＪａｖａＳｃｒｉｐｔ函数ｃａｓｔＶｏｔｅ（ｒａｎｋ）　

ｆｕｎｃｔｉｏｎ　ｃａｓｔＶｏｔｅ（ｒａｎｋ）｛　

ｖａｒ　ｕｒｌ：“／ａｊａｘ—ｄｅｍｏ／ｓｔａｔｉｃ—ａｒｔｉｃｌｅ—ｒａｎｋ—　

ｉｎｇ．ｈｔｍｌ”；　

ｉｆ（ｒｅｑ．ｓｔａｔｕｓ＝：２００）｛／／服务器处于就绪　

状态　

￥（‘ｖｏｔｅｓ’）．ｉｎｎｅｒＨＴＭＬ＝ｒｅｑ．ｒｅｓｐｏｎｓｅ・　

Ｔｅｘｔ；／／使用ｉｎｎｅｒＨＴＭＬ属性重写ＤＯＭ的“ｖｏｔｅｓ”节　

点内容　

｝ｅｌｓｅ｛　

ａｌｅｒｔ（“Ｔｈｅｒｅ　ｗａｓ　ａ　ｐｒｏｂｌｅｍ　ｒｅｔｉｒｅｖｉｎｇ　ｔｈｅ　

ｖａｒ　ｃａｌｌｂａｃｋ＝ｐｒｏｅｅｓｓＡｊａｘＲｅｓｐｏｎｓｅ；　

ｅｘｅｃｕｔｅＸｈｒ（ｃａｌｌｂａｃｋ，ｕｒ１）；　

｝　

该函数为与之通信的服务器创建了一个ＵＲＬ　

ＸＭＬ　ｄａｔａ：＼ｎ”＋ｒｅｑ．ｓｔａｔｕｓＴｅｘｔ）；　

并调用内部函数ｅｘｅｃｕｔｅＸｈｒ，提供一个回调ＪａｖａＳｃｒｉｐｔ　

函数，由一些定位点标记连接，一旦服务器响应可　

用，该函数就被执行．　

２）发出一个ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ请求　

ｆｕｎｃｔｉｏｎ　ｅｘｅｃｕｔｅＸｈｒ（ｃａｌｌｂａｃｋ，ｕｒ１）｛　

ｉｆ（ｗｉｎｄｏｗ．ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ）｛　

ｒｅｑ＝ｎｅｗ　ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ（）；／／在非ＩＥ浏览　

器中创建ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象　

ｒｅｑ．ｏｎｒｅａｄｙｓｔａｔｅｃｈａｎｇｅ＝ｃａｌｌｂａｃｋ；／／定义了　

ＪａｖａＳｃｒｉｐｔ回调函数，一旦响应自动执行　

ｒｅｑ．ｏｐｅｎ（“ＧＥＴ”，ｕｒｌ，ｔｒｕｅ）；／／异步执行该请　

求　

ｒｅｑ．ｓｅｎｄ（ｎｕｌ１）；　

｝　

ｅｌｓｅ　ｉｆ（ｗｉｎｄｏｗ．ＡｃｔｉｖｅＸＯｂｊｅｃｔ）｛／／在ＩＥ　５．０、ＩＥ　６．　

０中创建ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象　

ｒｅｑ＝ｎｅｗ　ＡｃｔｉｖｅＸＯｂｊｅｃｔ（‘‘Ｍｉｃｒｏｓｏｆｔ．ＸＭＬ．　

Ｈ＇Ｉ３＂Ｐ”）；　

ｉｆ（ｒｅｑ）｛　

ｒｅｑ．ｏｎｒｅａｄｙｓｔａｔｅｃｈａｎｇｅ：ｃａｌｌｂａｃｋ；　

ｒｅｑ．ｏｐｅｎ（“ＧＥＴ”，ｕｒｌ，ｔｒｕｅ）；　

ｒｅｑ．ｓｅｎｄ（）；　

｝　

｝　

｝　

一

旦服务器处理完ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ并返回给浏　

览器，使用ｒｅｑ．ｏｎｒｅａｄｙｓｔａｔｅｃｈａｎｇｅ指派所设置的回调　

方法将被自动调用．　

３）回调方法ｐｒｏｅｅｓｓＡｊａｘＲｅｓｐｏｎｓｅ（）　

ｆｕｎｃｔｉｏｎ　ｐｒｏｅｅｓｓＡｊａｘＲｅｓｐｏｎｓｅ（）｛　

ｉｆ（ｒｅｑ．ｒｅａｄｙＳｔａｔｅ＝＝４）｛／／检查ＸＭＬＨｔｔｐＲｅ．　

ｑｕｅｓｔ的整体状态以保证已经完成　

｝　

｝　

｝　

４结语　

在过去的几年中，由于在开发Ｗｅｂ应用程序时　

对后端投入太多，而使得Ｗｅｂ用户界面对用户自然　

和响应灵敏方面投入不足．Ａｊａｘ技术的出现，通过对　

浏览器端的ＪａｖａＳｃｒｉｐｔ、ＤＨＴＭＬ和服务器异步通信的　

组合，使得构建更为动态和响应更灵敏的ｗｅｂ应用　

程序成为现实．现在Ａｊａｘ技术的应用已经越来越广　

泛，小到简单、功能单一的Ｇ￣ｓｌｅ　Ｓｕｇｇｅｓｔ，大到错综　

复杂的Ｇｏｏｇｌｅ　Ｍａｐｓ，都已经采用这项技术，而微软和　

Ａｍａｚｏｎ等业界巨头也在积极开发相关应用．Ａｊａｘ不　

仅在技术上日趋成熟，其应用前景也将会越来越好．　

参考文献：　

［１］游丽贞，郭字春等．Ａｊａｘ引擎的原理和应用［Ｊ］．微计算　

机信息．２００６，２２（６）：２０５—２０７．　

［２］梁民，汪伟．基于ＭＡＸ技术开发ｗｅｂ应用［Ｊ］．电脑知识　

与应用．２００６，（２）：１１９—１９３．　

［３］Ｊｅｓｓｅ　Ｊａｍｅｓ　Ｇａｒｒｅｔｔ．Ａｊａｘ：Ａ　Ｎｅｗ　Ａｐｐｒｏａｃｈ　ｔｏ　ｗｅｂ　Ａｐｐｌｉｃａ・　

ｔｉｏｎｓ［ＥＢ／ＯＬ］．ｈｎｐ：／／ａｄａｐｔｉｖｅｐａｔＩＩ．ｃｏｍ／ｐｕｂｌｉｃａｔｉｏｎｓ／ｅｓ・　

ｓａｙｓ／ａｒｃｈｉｖｅｓ／０００３８５．ｐｈｐ，２００５．　

［４］Ａｐｐｌｅ　Ｄｅｖｅｌｏｐｅｒ　Ｃｏｎｎｅｃｔｉｏｎ．Ｏｙｎａｍｉｃ　ＨＴＭＬ　ａｎｄ　ＸＭＬ：Ｔｈｅ　

ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ　Ｏｂｊｅｃｔ［ＥＢ／ＯＬ］．ｈｔｔｐ：／／ｄｅｖｅｌｏｐｅｒ．ａｐｐｌｅ．　

ｃｏｍ／ｉｎｔｅｍｅｔ／ｗｅｂｅｏｎｔｅｎｔ／ｘｍｌｈｔｔｐｒｅｑ．ｈｔｍｌ，２００５．　

［５］Ｊａｙ．ＡＪＡＸ　ｉｎ　Ａｃｉｔｏｎ［ＥＢ／ＯＬ］．ｈｔｔｐ：／／ｗｗｗ．Ｊａｖａｒｓｓ．ｃｏｍ／ａ・　

ｊａｘ／ｊ２ｅｅ—ａｊａｘ．ｈｔｍｌ，２００５．　

［６］Ｄａｖｉｄ　Ｔｅａｒｅ．ＡＮ　ＩＮＴＲＯＤＵＣＴＩＯＮ　ＴＯ　ＡＪＡＸ［ＥＢ／ＯＬ］．　

ｈａｐ：／／ｄｅｖ２ｄｅｖ．ｂｅａ．ｃｏｒｎ／ｐｕｂ／ａ／２００５／０８／ａｊａｘ－ｉｎｔｒｏｄ

ｕｃ’　

．，

ｔｉｏｎ．ｈｔｍｌ，２００５．　

维普资讯

１００　华东交通大学学报　２００７年　

Ｒｅｓｅａｒｃｈ　ｏｆ　Ｗｅｂ　Ａｐｐｌｉｃａｔｉｏｎ　Ｄｅｖｅｌｏｐｍｅｎｔ　Ｂａｓｅｄ　ｏｎ　Ａｊａｘ　

ＹＡＮ　Ｌｉ－ＰｉＩｌｇ，ＹＵＡＮ　Ｋｅ－ＦｅＩｌｇ，ＳＯＮＧ　Ｋａｉ　

（Ｓｃｈｏｏｌ　ｏｆ　Ｉｎｆｏｒｍａｔｉｏｎ　Ｅｎ￣ｎｅｅｆｉｎｇ，Ｅａｓｔ　Ｃｈｉｎａ　Ｊｉａｏｔｏｎｇ　Ｕｎｉｖｅｒｓｉｔｙ，Ｎａｎｃｈａｎｇ　３３００１　３，Ｃｈｉｎａ）　

Ａｂｓｌｒａｃｔ：Ｏｎ　ｔｈｅ　ｂａｓｉｓ　ｏｆ　ｔｈｅ　ｃｏｍｐａｒｉｓｏｎ　ｗｉｔｈ　ｔｒａｄｉｔｉｏｎａｌ　ｍｏｄｅｌ　ｆｏｒ　Ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎｓ，ｔｈｅ　ｐａｐｅｒ　ｐｕｔｓ　ｆｏｒｗａｒｄ　ａ　ｋｉｎｄ　ｏｆ　

ｍｏｄｅｌ　ｏｆ　Ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎ　ｄｅｖｅｌｏｐｍｅｎｔ　ｂａｓｅｄ　ｏｎ　Ａｊａｘ，ａｎｄ　ａｎａｌｙｚｅｓ　ｔｈｅ　ｗｏｒｋｉｎｇ　ｔｈｅｏｒｙ　ａｎｄ　ｃｒｉｔｉｃａｌ　ｔｅｃｈｎｏｌｏｇｉｅｓ　ｏｆ　Ａｊａｘ，　

ｗｈｉｃｈ　ｉｓ　ｔｈｅｎ　ｄｉｓｃｕｓｓｅｄ　ｉｎ　ｔｈｅ　ｒｅａｌｉｚａｔｉｏｎ　ｏｆ　ａ　Ｗｅｂ　ｖｏｔｉｎｇ　ｓｙｓｔｅｍ．　

Ｋｅｙ　ｗｏｒｄｓ：ａｊａｘ；ＸＭＬ　ｈｔｔｐ　ｒｅｑｕｅｓｔ；ＤＯＭ；ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎ　

（上接第６６页）得多，因为经它映射后，文件中的数　

据直接就存放缓存中了，省去对文件执行Ｉ／Ｏ操作　

参考文献：　

的时间，此外它还可以正确读取大于２ＧＢ的图像，　

有效地解决了传统的文件指针只能读取２ＧＢ数据　

的限制；其次由于本程序使用了缓存技术，即每次在　

内存中的数据，只是影像文件中的一块，所以占用内　

存很小．再之，本文采用了临时文件是分块分层的倒　

金字塔结构，使得每次需要浏览的数据都可以在文　

件跨度很小的范围内找到相应的数据，使得图像浏　

览速度比较快，视觉无需等待．总之，采用本方法进　

行海量遥感图像的读取具有一定的优势．　

［１］孙家炳，舒宁，关泽群．遥感原理、方法和应用［Ｍ］．北　

京：测绘出版社，１９９７．　

［２］胡伟忠，刘南，刘仁义．基于内存映射文件技术的海量影　

像数据快速读取方法［Ｊ］．计算机应用研究，２００５，（２）：　

１１１—１１２．　

［３］田杰，吴力合，吕建新．地理信息系统中算法的研究［Ｊ］．　

微计算机信息，２００３，７．　

［４］希望图书创作室．Ｖｉｓｕａｌ　Ｃ＋＋６．０技术内幕［Ｍ］．北京：　

北京希望电子出版社，１９９９，２１５—２１８．　

［５］吕京国，黄国满．用Ｖｉｓｕａｌ　Ｃ＋＋实现大数据量的快速　

存取［Ｊ］．测绘科学，２００２，（９）：２９—３１．　

Ｔｈｅ　Ｐｒｏｊｅｃｔ　ｏｆ　Ｑｕｉｃｋ　Ｓｃａｎｎｉｎｇ　Ｍｅａｎｓ　ｆｏｒ　Ｌａｒｇｅ　Ｓｃａｌｅ　Ｉｍａｇｅｓ　

ＺＨＡＮ　Ｚｉ．ｃａｉ　

（Ｓｃｈｏｏｌ　ｏｆ　Ｅｌｅｃｔｒｉｃａｌ　ａｎｄ　Ｅｌｅｃｔｒｏｎｉｃ　Ｅｎｇｉｎｅｅｉｆｎｇ，Ｅａｓｔ　Ｃｈｉｕａ　Ｊｉａｏｔｏｎｇ　Ｕｎｉｖｅｓｒｉｔｙ，Ｎａｎｃｈａｎｇ　３３００１３，Ｃｈｉｎａ）　

Ａｂｓｔｒａｃｔ：Ｔｈｅ　ｍｐｉｄ　ｄｅｖｅｌｏｐｍｅｎｔ　ｏｆ　ｉｎｆｏｒｍａｔｉｏｎ　ｔｅｃｈｎｏｌｏｇｙ　ａｎｄ　ｓｅｎｓｏｒ　ｔｅｃｈｎｏｌｏｇｙ　ｈａｓ　ｇｉｖｅｎ　ｒｉｓｅ　ｔｏ　ｔｈｅ　ｇｅｏｍｅｔｉｒｃａｌｌｙ　ｐｒｏ－　

ｇｒｅｓｓｉｖｅ　ｉｎ　ｔｈｅ　ｃａｓｅ　ｏｆ　ｒｅｍｏｔｅ　ｓｅｎｓｉｎｇ　ｄａｔａ．Ｗｈｅｎ　ｉｍａｇｅｓ　ａｌ－ｅ　ｓｃａｎｎｅｄ　ｏｒ　ｉｍａｇｅｓ　ａｒｅ　ｚｏｏｍｅｄ，ｔｒａｄｉｔｉｏｎａｌ　ｍｅｔｈｏｄ　ｉｓ　ｖｅｒｙ　

ｓｔｏｗ，ｅｓｐｅｃｉａｌｌｙ　ｗｈｅｎ　ａｌｌ　ｉｍａｇｅｓ　ａｒｅ　ｚｏｏｍｅｄ，ａｌｌ　ｉｍａｇｅｓ　ａｒｅ　ｒｅａｄ，ｉｍａｇｅｓ　ａｒｅ　ｇｏｔ　ａｔ　ｉｎｔｅｒｖａｌｓ，ｗｈｏｓｅ　ｓｌｏｗ　ｓｐｅｅｄ　ｉｓ　ｏｐｐｒｅｓ・　

ｓｉｒｅ，ａｎｄ　ｗｈｅｎ　ｔｈｅ　ｉｍａｇｅｓ　ａｒｅ　ｖｅｃｔｏｒｅｄ，ｗｏｒｋ　ｅｆｆｉｃｉｅｎｃｙ　ｉｓ　ｖｅｒｙ　ｌｏｗ．Ｔｈｉｓ　ｐａｐｅｒ　ｐｕｔｓ　ｆｏｒｗａｒｄ　ａ　ｐｒｏｊｅｃｔ　ｔｈａｔ　ｉｔ　ｔａｋｅｓ　ｍｕｃｈ　

）ｈｎｅ　ｔｏ　ｒｅｂｕｉｌｄ　ｉｍａｇｅ　ｄｏｃｕｍｅｎｔ，ｔｏ　ｍａｋｅ　ｉｔ　ｐｙｒａｍｉｄ　ｓｔｒｕｃｔｕｒｅ，ａｎｄ　ｔｏ　ｒｅａｄ　ｔｈｅ　ｉｍａｇｅｓ　ｔｈｒｏｕｇｈ　ｓｔｏｒａｇｅ　ｍａｐｐｉｎｇ　ｆｉｌｅ　ｔｅｃｈ—　

ｎｉｑｕｅ，ＳＯ　ｉｔ　ｉｓ　ｖｅｒｙ　ｓｉｍｐｌｅ．Ｔｈｕｓ，ｉｔ　ｉｓ　ｎｏｔ　ｎｅｃｅｓｓａｒｙ　ｔｏ　ｗａｉｔ　ｗｈｅｎ　ｔｈｅ　ｉｍａｇｅｓ　ａｒｅ　ｓｃａｎｎｅｄ　ｏｒ　ｚｏｏｍｅｄ．　

Ｋｅｙ　ｗｏｒｄｓ：ｓｔｏｒａｇｅ　ｍａｐｐｉｎｇ　ｆｉｌｅ　ｔｅｃｈｎｉｑｕｅ；ｐｙｒａｍｉｄ　ｓｔｒｕｃｔｕｒｅ；ｃａｃｈｅ　ｔｅｃｈｎｉｑｕｅ；ｄａｔａ　ｂｌｏｃｋ