第２７卷第３期 ２０１０年３月 计算机应用与软件 Ｃｏｍｐｕｔｅｒ Ａｐｐｌｉｃａｔｉｏｎｓ ａｎｄ Ｓｏｆｔｗａｒｅ Ｖ０１．２７ Ｎｏ．３ Ｍａｒ．２０１０ 基于Ａｊａｘ的大量数据动态浏览的实现方法研究 蒋 维 （青海民族学院电子工程与信息科学系 青海西宁８１０００７） 摘要 针对传统Ｗｅｂ应用对批量数据显示采取分页技术在页面切换过程中存在用户等待时间长的突出问题，提出了基于Ａｊａｘ 平台的异步传输方法，并详细讨论了基于Ａｊａｘ的拖拽表格的设计方法，最后在基金支持项目高校组织人事管理信息系统上得到成 功应用。结果发现使用拖拽表格显示大量数据有效减少了用户交互过程中的等待时间，提高了系统的响应速度。同时由于客户端 分担部分业务层逻辑，从而减轻了服务器压力。 关键词 Ａｊａｘ技术异步交互拖拽表格 ＯＮ ＲＥＡＬＩＳＩＮＧ ＭＡＳＳ ＤＡＴＡ ＤＹＮＡＭＩＣ ＢＲｏＷＳＩＮＧ ＢＡＳＥＤ ＯＮ ＡＪＡＸ Ｊｉａｎｇ Ｗｅｉ （Ｄｅｐａｒｔｍｅｎｔ ｏｆ Ｅｌｅｃｔｒｏｎｉｃ Ｅｎｇｉｎｅｅｒｉｎｇ ａｎｄ Ｉｎｆｏｒｍａｔｉｏｎ Ｓｃｉｅｎｃｅ，Ｑｉｎｇｈａｉ Ｎａｔｉｏｎａｌｉｔｉｅｓ Ｃｏｌｌｅｇｅ，Ｘｉｎｉｎｇ ８１０００７，Ｑｉｎｇｈａｉ，Ｃｈｉａ）ｎ Ａｂｓｔｒａｃｔ Ｔｒａｄｉｔｉｏｎａｌ Ｗｅｂ ａｐｐｌｉｃａｔｉｏｎ ｕｓｅｓ ｐａｇｉｎｇ ｔｅｃｈｎｉｑｕｅ ｔｏ ｄｉｓｐｌａｙ ｍａｓｓ ｄａｔａ，ｉｔ ｃａｕｓｅｓ ｔｈｅ ｕｓｅｒ ｗａｉｔｉｎｇ ｌｏｎｇ ｗｈｅｎ ｗｅｂ ｐａｇｅ ｒｅｆｒｅ— ｓｈｅｓ．Ｉｎ ｖｉｅｗ ｏｆ ｔｈｉｓ ｓａｌｉｅｎｔ ｐｒｏｂｌｅｍ，ｉｎ ｔｈｉｓ ｐａｐｅｒ ｗｅ ｐｒｏｐｏｓｅｄ ａｎ ａｓｙｎｃｈｒｏｎｉｅｓ—ｔｒａｎｓｆｅｒ ｍｅｔｈｏｄ ｂａｓｅｄ ｏｎ Ａｊａｘ ｐｌａｔｆｏｒｍ，ａｎｄ ｄｉｓｃｕｓｓｅｄ ｉｎ ｄｅ— ｔａｉｌ ｔｈｅ ｄｅｓｉｇｎ ｍｅｔｈｏｄ ｏｆ ｄｒａｇｇｉｎｇ ｔａｂｌｅ ｂａｓｅｄ ｏｎ Ａｊａｘ．Ｔｈｉｓ ｍｅｔｈｏｄ ｗａｓ ｓｕｃｃｅｓｓｆｕｌｌｙ ａｐｐｌｉｅｄ ｉｎ ａ Ｆｕｎｄｓ ｓｕｐｐｏｒｔｅｄ ｐｒｏｊｅｃｔ，Ｉｎｆｏｒｍａｔｉｏｎ Ｓｙｓ・ ｔｅｍ ｏｆ Ｈｕｍａｎ Ｒｅｓｏｕｒｃｅ＆Ｏｒｇａｎｉｚａｔｉｏｎ Ｍａｎａｇｅｍｅｎｔ ｉｎ Ｕｎｉｖｅｒｓｉｔｉｅｓ．Ｔｈｅ ｒｅｓｕｌｔ ｓｈｏｗｅｄ ｔｈａｔ ｂｙ ｕｓｉｎｇ ｔｈｅ ｄｒａｇｇｉｎｇ ｔａｂｌｅ ｔｏ ｄｉｓｐｌａｙ ｍａｓｓ ｄａｔａ． ｔｈｅ ｕｓｅｒ’ｓ ｗａｉｔｉｎｇ ｔｉｍｅ ｉｓ ｇｒｅａｔｌｙ ｒｅｄｕｃｅｄ，ａｎｄ ｔｈｅ ｓｙｓｔｅｍ ｒｅｓｐｏｎｄｉｎｇ ｓｐｅｅｄ ｉｓ ｉｎｃｒｅａｓｅｄ．Ｍｅａｎｗｈｉｌｅ，ｓｉｎｃｅ ｔｈｅ ｃｌｉｅｎｔ ｅｎｄ ｓｈａｒｅｓ ｐａｒｔ ｏｆ ｔｈｅ ｂｕｓｉｎｅｓｓ ｌａｙｅｒ ｌｏｇｉｃ，ｔｈｅ ｐｒｅｓｓｕｒｅ ｏｆ ｔｈｅ ｓｅｒｖｅｒ ｉｓ ｌｉｇｈｔｅｎｅｄ． Ｋｅｙｗｏｒ￣ Ａｊａｘ ｔｅｃｈｎｏｌｏｇｙ Ａｓｙｎｃｈｒｏｎｉｅｓ ｉｎｔｅｒａｃｔ Ｄｒａｇｇｉｎｇ ｔａｂｌｅ 连接，用户在客户机上向服务器提出请求，当得到服务器端的响 １传统批量数据传递方法及存在的突出问题 传统Ｗｅｂ应用程序对大批量数据查询浏览采取分页技术， 程序中先用一个变量接收从客户端传送过来的页码参数，然后 执行ＳＱＬ查询语句后，得到纪录的条数和总页数，再通过ａｂｓｏ— ｌｕｔｅ（）方法定位数据库纪录指针到当前页第一行之前，再逐行 显示出来。其执行结果如图１所示。 ｌ一～…一应（服务器端以ＨＴＭＬ／ＸＨＴＭＬ／ＸＭＬ等方式传送消息给客户 端）后，在浏览器上显示，当客户端发出断开连接的请求后，服 务器关闭连接，结束本次会话。而部署在服务器端的Ｗｅｂ系统 的主要职责是根据服务器转发的客户端请求信息，判断用户的 请求行为，调用、综合、编译来自各种数据源的数据信息，加入到 服务器要返回给客户端的信息内容中并设置相关属性值，服务 器再将这些响应信息发送给客户端，以完成本次请求一响应 过程。 青海民族学院教工基本信息 一 ：一—……………～ …一 ＝ ：职ｊ工号 ｌ姓名 性别 ；民族 位 ｊ编制类别 ；所在单位 从这种交互方式中可以看出，由用户触发一个ＨｑＴＰ请求 到服务器，服务器对其进行处理后再返回一个新的ＨＴＭＬ页到 客户端，每当服务器处理客户端提交的请求时，客户只能空闲等 待。即使从服务器端得到很简单的一个数据，都要返回一个完 Ｉ＿６ 丽ｉ～露 ’ …～……双蘸一麓爵一 覆…～…一茬翁…一一一ｉｉＥ悟莓～… 丽砭一瓢嚣～剪一………一寝蘸一瞬贾一 簿～。。。。…一茬霜…………；唔蒿幕一…～ｉ 面丽酾一事海琴～舞…………一疲蘸一；觅爵一额擎………一茬霜～～…～ 屠萦一。。。一 面 丽 ～摹幕ｉＦ夏一——覆 幕 ～簌 ——一臻 一一 葡 一～一ｊ ｆ而而丽 —ｉ茑更…’剪…………… 西 一甄贾一营疆…一～…茬臻………～ 谱幕 …一一 ｒ—萁 ｉｉ薅｛ 洳贡 一弯 ～ 菊稞 西醢差亘…一ｉ 整的ＨＴＭＬ页，而用户每次要浪费时间和带宽去重新读取整个 页面，从而降低了Ｗｅｂ应用的执行速度。有关研究表明，交互 响应时间超过１００ ｍｓ～２００ ｍｓ就被认为是不好的…。这是一 个很大的缺点，本文针对这一缺点讨论基于Ａｊａｘ的开源组件 图１分页查询视图 这个结果从界面上看是很科学的，但分页显示时用户需要 在页面切换过程中进行等待，并且各分页中相同的内容需要再 次从服务器加载，造成资源的浪费，尤其引起注意的是随着每页 显示行数的增加和每行列数的增加在页面切换过程中等待时间 明显加长。这是传统Ｗｅｂ架构本身缺点所造成的。传统三层 Ｂ／Ｓ结构中很少一部分事物逻辑在客户端实现，而主要事物逻 辑在服务器端完成。其工作机制是客户端使用浏览器与服务器 Ｒｉｃｏ ＬｉｖｅＧｒｉｄ，在本课题中以异步传输方式动态实现“按需取 材”，克服传统Ｗｅｂ交互过程中的整个ＨＴＭＬ页的传输，从而加 快动态浏览速度。 收稿日期：２００８—１１—１４。青海省自然科学基金（２００８一Ｚ一６１５）。 蒋维，副教授，主研领域：计算机应用与软件开发。 第３期 蒋维：基于Ａｊａｘ的大量数据动态浏览的实现方法研究 １４５ 二个参数是目标ＵＲＬ；第三个参数是指定ｈｔｔｐ请求异步执行。 ２ Ａｊａｘ的Ｗｅｂ应用模型及数据传输过程 Ｓｅｎｄ的参数是客户端发往服务器的请求实体，可以是ＸＭＬ 格式文档，也可以是其他的字符串。 Ａｊａｘｌ２ 最早于２００５年２月由Ａｄａｐｔｉｏｖ Ｐａｔｈ公司的Ｊｅｓｓｅ 之后在服务器端的处理与普通的Ｗｅｂ应用程序一样。 Ｊａｍｅｓ Ｇａｒｒｅｔｔ在他的“Ａｊｘａ：Ａ Ｎｅｗ Ａｐｐｒｏａｃｈ ｔｏ Ｗｅｂ Ａｐｐｌｉｃａ— （２）处理服务器返回的信息 ｔｉｏｎｓ”一文中提出的一个新概念，其实Ａｊｘａ不是一个新的技术， 从Ｗ３Ｃ官方网站查到，响应处理函数首先要检查ＸＭＬＨｔ— 而是Ｊａｖａｓｃｒｉｐｔ、ＸＨＴＭＬ、ＣＳＳ、ＤＯＭ、ＸＭＬ、ＸＳＴＬ及ＸＭＬＨｔｔｐＲｅ— ｔｐＲｅｑｕｅｓｔ对象的ｒｅａｄｙＳｔａｔｅ值，以判断请求目前的状态，当 ｑｕｅｓｔ等技术的综合。在整个交互过程是异步进行的，所以Ｇａｒ－ ｒｅａｄｙＳｔａｔｅ＝４，代表ｈｔｔｐ请求发送成功且服务器已经返回所有的 ｒｅｔ采用了Ａｊｘａ这个名词。Ａｊｘａ在用户与服务器之间引入一个 信息，可以处理信息并更新页面。其代码为： 中间媒介一ｈｊａｘ引擎，由它负责编译用户界面及与服务器之间 Ｉｆ（ｈｔｔｐ—ｒｅｑｕｅｓｔ．ｒｅａｄｙＳｔａｔｅ＝：４）｛ 的交互，它允许用户与应用软件之间的交互过程异步进行，而独 ／／处理信息并更新页面 立于用户与服务器间的交互，从而消除了网络交互过程中处 ｝ｅｌｓｅ｛ 理一等待一处理一等待的缺点，当用户需要服务器数据时通过 ／／信息没返回，等待 ｝ Ｊａｖａｓｃｒｉｐｔ调用Ａｊａｘ引擎向服务器产生一个Ｈｔｔｐ请求，而服务器 将查询数据通过ＸＭＬ文档形式传递给客户端，在客户端仍由 ４大量数据动态浏览实现原理 Ａｊａｘ引擎通过ＤＯＭ解析并更新ＨＴＭＬ页面。它实际上是将以 上几项技术按一定的方式组合在一起在共同协作中发挥各自的 创建能容纳５行数据的表格，在最后一列创建承载滑动条 作用，具体表现在： 的对象和滑动条”Ｊ，且竖跨５行，承载滑动条的对象的相对高度 （１）使用ＸＨＴＭＬ和ＣＳＳ标准化呈现； 是总纪录数，因此滑动条的相对位置与纪录索引号是相关联的， （２）使用ＤＯＭ实现动态解析和更新页面； 当移动滑动条时首先到数据缓冲区（数组）查看当前应显示的 （３）使用ＸＭＬ和ＸＳＬＴ进行数据交换与处理； 数据是否存在，若存在直接取得数据更新表格内容，若不存在则 （４）使用ｘＭＬＨｔｔｐＲｅｑｕｅｓｔ进行异步数据读取； 借助Ａｊｘａ引擎向服务器发出异步请求，服务器响应后以ＪＳＯＮ （５）最后用ＪａｖａＳｃｒｉｐｔ绑定和处理所有数据。 形式返回数据后更新缓冲区数据，并更新浏览器表格数据。如 其应用模型 如图２所示。 图３所示。 臣 ＼ 、 Ａｊｌ竺 兰竺竺ａｘ异ｔ ｌⅪ Ｌ数 ｌ 步请求ｌ ‘据返回 查看特显示数 、劓览器端 浏览器ｊ 数据缓冲区 取得数据更新 页面表格 表格内容 图３大量数据动态浏览逻辑图 图２ Ａｊａｘ的应用模型 ４．１创建滑动条 与传统的Ｂ／Ｓ交互模式相比较，使用Ａｊｘａ技术主要的优势 在创建表格的时候已经创建了滑动条的承载对象，就是竖 在于： 跨５行的最后一列，只需设置它的宽度、高度和背景颜色即可。 （１）减轻服务器的负担，把一部分服务器负担的工作转嫁 滑动条自然就是该列的内容，只是它的具体位置随鼠标拖动而 到客户端，利于客户端闲置的处理能力来处理，最大可能地减少 变，因此滑动条的加载是动态的，借助Ｊａｖａｓｃｒｉｐｔ完成，所以在该 了冗余请求和响应对服务器造成的负担； 列应做ｉｄ标记。具体为＜ｔｄ ｒｏｗｓｐａｎ＝５＞＜ｄｉｖ ｉｄ＝” （２）无刷新更新页面，克服了网络交互过程中处理一等 ｔｒａｃｋＢａｒｌ”＞＜／ｄｉｖ＞＜／ｔｄ＞。这里强调的是滑动条的高度因 待一处理一等待的缺点。使用户得到更好的体验； 总纪录数的不同而不同，应等于数据表的高度除纪录总数再乘 一（３）基于标准化的并被广泛支持的技术，并且不需要插件 个因子。 或下载小程序； ４．２滑动条的触发事件 （４）Ａｊｘａ使Ｗｅｂ中的界面与应用分离。 在创建滑动条时附带了鼠标键“按下（ｏｎｍｏｕｓｅｄｏｗｎ）”事 件，若发生“按下”事件，则去判断是否为左键，如果不是左键按 ３ Ａｊａｘ的异步数据传输实现方法 下则直接返回，否则为鼠标拖动做好三方面的准备工作：第一是 改变鼠标样式；第二是纪录当前滑动条的相对位置；第三是将拖 ‘（１）发出ｈｔｔｐ请求 动属性设置为真（．ｄｒａｇｇｉｎｇ＝ｔｒｕｅ）。 指定响应处理函数之后，就向服务器发出ｈｔｔｐ请求，这一步 ４．３滑动条的拖动方法及响应过程 是通过调用ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象的ｏｐｅｎ和ｓｅｎｄ方法。 如果发生鼠标移动事件（ｏｎｍｏｕｓｅｍｏｖｅ）且拖动属性为真， ｈｔｔｐ—ｒｅｑｕｅｓｔ．ｏｐｅｎ（“ｍｅｔｈｏｄ”，’’ＵＲＬ”，ｔｒｕｅ）； 则实现滑动条的移动，在移动的过程中根据移动的偏移量实时 ｈｔｔｐ＿ｒｅｑｕｅｓｔ．ｓｅｎｄ（ｎｕｌ１）； 地改变滑动条的位置，如果发生鼠标离开事件（ｏｎｍｏｕｓｅｕｐ）则结 ｏｐｅｎ第一个参数是ｈｔｔｐ请求的方法，可以为ＧＥＴ、ＰＯＳＴ；第 （下转第１６４页） １６４ 计算机应用与软件 后更新缓冲区数据，同时更新表格内容。 ２０１０血 根据表１和表２的结果，在所有的数据集上，不管使用ＭＡＰ 还是Ｐ＠１０作为比较标准，ＳＢＲＭ模型的表现都比ＪＭ模型好很 多，而与ＤＩＲ相比，只有在ＡＰ数据集上表现稍差。值得一提的 是：我们的模型在ＦＲ、ＷＳＪ两个数据集上都表现非常好，对ＪＭ ４．４服务器端响应文件设计 由于浏览器端表格设计为５行，所以缓冲区大小设计为能 容纳１Ｏ条纪录较为合适，因此服务器端在响应异步请求时以收 到的参数和该参数加ｌＯ作为作为ＳＱＬ查找范围检索数据库， 和ＤＩＲ模型都有了很大的提高。另外，对于ＦＲ这个数据集，它 包含的文档多数比较长，在文档长短变化上比较大，而我们的方 法在这个数据集上表现得最好。 ４结论与展望 本文提出了基于ｂａｇ ｏｆ ｓｅｎｔｅｎｃｅｓ的信息检索模型，实验表 明该模型对ｕｎｉｇｒａｍ语言模型有较显著的提高。同时，本模型 具有很强的扩展性和灵活性，进一步的研究工作可突破本文的 一些局限，例如：前面我们将文档产生每个句子的可能性视为一 致的，在此可添加句子对文档的重要度等信息；另外，在对Ｐ （ｇ…ｊ ｓ，ｄ）进行计算时，我们暂时只采用了句子中查询关键字 出现的频率作为其衡量标准，可以多增加一些词语相关度的信 息来改进本模型。此外，基于ｂａｇ ｏｆ ｓｅｎｔｅｎｃｅｓ的模型也能用于 查询与ｑｕｅｒｙ相关的文章段落，以及搜索引擎如何有效提取文 档摘要的研究中。 参考文献 ［１］Ｓａｌｔｏｎ Ｇ，Ｗｏｎｇ Ａ，ｒａｎｇ Ｃ Ｓ．Ａ Ｖｅｃｔｏｒ Ｓｐａｃｅ Ｍｏｄｅｌ ｆｏｒ Ａｕｔｏｍａｔｉｃ Ｉｎ— ｄｅｘｉｎｇ［Ｊ］．Ｃｏｍｍｕｎｉｃａｔｉｏｎｓ ｏｆｔｈｅ ＡＣＭ，１９７５，１８（１１）：６１３—６２０． ［２］Ｒｏｂｅｒｔｓｏｎ Ｓ Ｅ，Ｖａｎ Ｒｉｊｓｂｅｒｇｅｎ Ｃ Ｊ，Ｐｏ￣ｅｒ Ｍ Ｆ．Ｐｒｏｂａｂｉｌｉｓｔｉｃ ｍｏｄｅｌｓ ｏｆ ｉｎｄｅｘｉｎｇ ａｎｄ ｓｅａｒｅｈｉｎｇ／／Ｒ Ｎ Ｏｄｄｙ，Ｓ Ｅ Ｒｏｂｅｎｓｏｎ，Ｃ Ｊｖａｎ Ｒｉｊｓｂｅｒ－ ｇｅｎ，ｅｔ ａ１．Ｉｎｆｏｒｍａｔｉｏｎ Ｒｅｔｒｉｅｖａｌ Ｒｅｓｅａｒｃｈ，Ｌｏｎｄｏｎ，Ｂｕｔｔｅｒｗｏｒｔｈｓ，１９９８： ３５—５６． ［３］Ｓｔｅｐｈｅｎ Ｅ．Ｒｏｂｅｒｔｓｏｎ，Ｓｔｅｖｅ Ｗａｌｋｅｒ．Ｓｏｍｅ Ｓｉｍｐｌｅ Ｅｆｆｅｃｔｉｖｅ Ａｐｐｒｏｘｉｍａ— ｔｉｏｎｓｔｏｔｈｅ ２－ＰｏｉｓｓｏｎＭｏｄｅｌｆｏｒＰｒｏｂａｂｉｌｉｓｔｉｃＷｅｉｓｈｔｅｄＲｅｔｒｉｅｖａｌ［Ｃ］／／ ｐｒｏｃｅｅｄｉｎｇｓ ｏｆ ＳＩＧＩＲ，Ｎｅｗ Ｙｏｒｋ，Ｓｐｒｉｎｇｅｒ－Ｖｅｒｌａｇ，１９９４：２３２—２４１． ［４］Ｐｏｎｔｅ Ｊ Ｍ，Ｃｒｏｆｔ Ｗ Ｂ．Ａ Ｌａｎｇｕａｇｅ Ｍｏｄｅｌｉｎｇ Ａｐｐｒｏａｃｈ ｔｏ Ｉｆｎｏｒｍａｔｉｏｎ Ｒｅｔｉｒｅｖａｌ［Ｃ］／／Ｐｒｏｃｅｅｄｉｎｇｓ ｏｆ ＳＩＧＩＲ，Ｍｅｌｂｏｕｒｎｅ，Ａｕｓｔｒａｌｉａ，１９９８：２７５ —２８１． ● ［５］Ｓｏｎｇ Ｆ，Ｃｒｏｆｔ Ｗ．Ａ ｇｅｎｅｒａｌ ｌａｎｇｕａｇｅ ｍｏｄｅｌ ｆｏｒ ｉｎｆｏｒｍａｔｉｏｎ￣ｔｒｉｅｖａｌ ［Ｃ］／／Ｐｒｃｏ．ｏｆ Ｅｉｇｈｔｈ Ｉｎｔ１．Ｃｏｎｆ．ｏｎ Ｉｎｆｏｒｍａｔｉｏｎ ａｎｄ Ｋｎｏｗｌｅｄｇｅ Ｍａｎ－ ａｇｅｍｅｎｔ（ＣＩＫＭ’９９），Ｋａｎｓａｓ Ｃｉｔｙ，Ｍｉｓｓｏｕｒｉ，Ｕｎｉｔｅｄ Ｓｔａｔｅｓ，１９９９：３１６— ３２１． ［６］Ｚｈａｉ ＣＸ，Ｌａｆｆｅｒｔｙ Ｊ．Ａ ｓｔｕｄｙ ｏｆ ｓｍｏｏｔｈｉｎｇ ｍｅｔｈｏｄｓ ｆｏｒ ｌａｎｇｕａｇｅ ｍｏｄｅｌｓ ａｐｐｌｉｅｄ ｔｏ ａｄ ｈｏｅ ｉｎｆｏｍｒａｔｉｏｎ ｒｅｔｉｒｅｖａｌ［Ｃ］／／Ｐｒｏｃｅｅｄｉｎｇｓ ｏｆ ＳＩＧＩＲ， Ｎｅｗ Ｏｄｅａｎｓ，Ｌｏｕｉｓｉａｎａ，Ｕｎｉｔｅｄ Ｓｔａｔｅｓ，２００１：３３４—３４２． ［７］Ｋｅｋｅ Ｃａｉ，Ｃｈｕｎ Ｃｈｅｎ，Ｋａｎｇｍｉａｏ Ｌｉｕ，ｅｔ ａ１．ＭＲＦ ｂａｓｅｄ Ａｐｐｒｏａｃｈ ｆｏｒ Ｓｅｎｔｅｎｃｅ Ｒｅｔｒｉｅｖａｌ［Ｃ］／／Ｐｒｏｃｅｅｄｉｎｇｓ ｏｆ ＳＩＧＩＲ，Ａｍｓｔｅｒｄａｍ，Ｔｈｅ Ｎｅｔｈ— ｅｒｌａｎｄｓ，２００７：７９５—７９６． ８］Ｍｅｔｚｌｅｒ Ｄ．Ｂｅｙｏｎｄ Ｂａｇｓ ｏｆ Ｗｏｒｄｓ：Ｅｆｆｅｃｔｉｖｅｌｙ Ｍｏｄｅｌｉｎｇ Ｄｅｐｅｎｄｅｎｃｅ ａｎｄ Ｆｅａｔｕｒｅｓ ｉｎ Ｉｎｆｏｒｍａｔｉｏｎ Ｒｅｔｒｉｅｖａ１．Ｐｈ．Ｄ．Ｄｉｓｓｅｒｔａｔｉｏｎ．Ｕｎｉｖｅｒｓｉｔｙ ｏｆ Ｍａｓｓａｃｈｕｓｅｔｔｓ Ａｍｈｅｒｓｔ．Ａｍｈｅｒｓｔ，ＭＡ，２００７． ９］ｈｔｔｐ：／／ｗｗｗ．１ｅｍｕｒｐｒｏｊｅｃｔ．ｏｒｇ／． （上接第１４５页） 束滑动。在结束滑动时做三方面的工作：第一恢复鼠标为默认 样式；第二将拖动属性设置为假；第三根据当前滑动条的相对位 置在缓冲区查看即将显示的数据是否已存在，若存在则从缓冲 区取出数据更新表格内容，否则以当前滑动条的相对位置为参 数借助Ａｊａｘ引擎向服务器发出异步请求，待服务器响应并返回 将得到的数据以ＪＳＯＮ 格式返回给客户端。 由于篇幅代码部分全部略去，最终运行结果如图４所示。 ｔｔ＃ｉ民族学院教工基本信息 ■啊—●翻啊■—黧■舅圄—冒—龋０００００８Ｉ！ 匾珍ｉ男 ｊ汉族党员 管理在蝙 ＇１＇ＩＵ——Ｉ：电信系 阐Ｉ＇ １曩 ０００００８２ 张琪 舅 攫旗 党品 。管理 在缡 电信幕 ＿＿ｊ 砸８ ’章海攀ｉ 溲接 竟贵 ？毂掣 程 ：电信摹 ０００００￣：拳东莲 文 汉族群众 载辅编，｝ 电信苹 ０００００８５马义 男 回旗 觉品 曹理：在编 电信系 ． 图４用拖拽表格处理批量数据视图 ５应用效果分析 （１）表格数据更新速度快，从用户角度看几乎无等待时间 在本项目中采用两项技术促进了表格内容更新速度。首先 缓冲技术的应用使如果本次加载数据在缓冲区存在就无需访问 服务器，这一点对提高更新表格数据速度是至关重要的。其次 Ａｊａｘ技术的应用使如果本次更新数据在缓冲器不存在则采取 异步传输方式与服务器通信，以“按需取材”方式只获取表格数 据，而不是整个页面内容，所以有效提高了服务器与客户端的传 输速度。以上两点是传统分页技术无法比拟的。 （２）有效减轻了服务器压力，从而提高了服务器的响应速 度 服务器是面向多用户、多任务的，本身业务逻辑处理繁 忙，由于在这里采取了ａｊａｘ技术使客户端分担了部分业务逻 辑。而传统分页技术的业务层逻辑处理完全由服务器承担。从 这个层次上看出采用Ａｊ８２（技术有效减轻了服务器端的压力，从 而能提高服务器的响应速度。 （３）使用拖拽表格使用户更加便于操作用户最熟悉的是 传统桌面办公系统，拖拽表格的界面完全模仿桌面系统，所以用 户便于操作，同时用户通过浏览状态（见图４）能更直观地定位 数据空间。 由上述可见，用基于Ａｊａｘ的拖拽表格显示大量数据比传统 分页技术更加有效。 ６结论 本文分析了传统Ｗｅｂ应用模型的突出缺陷，给出了基于 Ａｊａｘ的Ｗｅｂ应用系统构建方法，并详细介绍了基于ＡｊａＸ的拖拽 表格的设计方法。经验证，发现使用拖拽表格显示大量数据有效 减少了用户交互过程中的等待时间，提高了系统的响应速度。同 时由于客户端分担部分业务层逻辑，从而减轻了服务器压力。由 此可见基于Ａｊａｘ的Ｗｅｂ架构是未来网络应用系统的主流。 参考文献 ［１］Ｓｈｎｅｉｄｅｒｍａ Ｎ Ｂ．Ｄｅｓｉｇｎｉｎｇ ｔｈｅ ｕｓｅｒ ｉｎｔｅｒｆａｃｅ［Ｍ］Ａｄｄｉｓｏｎ—Ｗｅｓｌｅｙ，１９８７． ［２］Ｇａｒｒｅｔｔ Ｊ Ｊ．Ａｊａｘ：ａ ｎｅｗ ａｐｐｒｏａｃｈ ｔｏ ｗｅｂ Ａｐｐｌｉｃａｔｉｏｎｓ． ［３］柯自聪．Ａｊａｘ开发精要［Ｍ］．北京：电子工业出版社，２００６：２—３． ［４］吴雪．Ｊａｖａｓｃｉｆｐｔ自学手册［Ｍ ．北京：电子工业出版社，２ＯＯ８：４９４—４９６ ［５］蒋维．Ａｊａｘ技术在网络Ｂ ｓ架构中的应用研究［Ｊ］．微计算机应 用，２００８（７）：３２．
