浅析AJAX在Web中的应用

ｃ ｎ ｌ ｇ ｓｔ ｅａ ｉ ｔ ｅｗ ｅ ｎｔｅｃ ｅ ｔａ ｄ ｓｒ ｅ ｏ ｙ ｃ ｒｎｏ ｏ ｔ ｈ ｏ ｏ ｙｈａ ｂｌ ｙｂ ｔ ｅ ｌ ｎ ｅｖ ｒｆｒＡｓｎ ｈ ｏ ｕｓｃ ｍｍ ｕ ｉ ａ ｏ ，ｅ ｕ ｅｔｅ ｅ ｈ ｉ ｈ ｉ ｎ ｎｃ ｔ ｎｒ ｃ ｉ ｄ ｈ
前的操作，使用 ＸＬ ｔｐ ｅｕ ｓ 传送 的数据可 以是任何格式。 Ｍ Ｈ ｔＲ ｑ ｅ ｔ ２ 服务器处理完请求 后， ． 调用 回调 函数 ： ３ 回调函数解析服务器 端返 回的处理 结果 ， ． 然后更新到页面所
需部分。
ＡＡ Ｊ Ｘ技术的核心 内容就是 使用户操作与服务器之 间的响应异 步化。为此 ，它就相当于一个 中间层，处理客户端和服务器端的请
ｃ ｅ ｔ ｅ ｐ ｓ ｍｅｅ ｅ ｔｖ ｌ， ｒ ｖ ｅｕ ｅ ｘ ｅ ｅ ｃ ｆ ｅ —ｍ ｅｏ ｅａ ｏ ｒ ｒｅ ｄｙ ｉ ｌ ｎ ｓｏｎ ｅｔ ｆ ｃ ｅｙｔ ｉ ｒ ｉ ｉ ｏ ｍｐ ｏ ｅｔ ｓｒｅ ｐ ｒ ｎ ｅｏ ａ ｔ ｐ ｒｔ ｎｍｏ ｅｆ ｎ ｌ． ｈ ｉ ｒｌ ｉ ｉ ｉ
Ｋｅ ｗｏ ｄｓ ＡＪ ｙ ｒ ： ＡＸ； ｙ ｃ ｒ ｎ ｕ ； ｅ ；ｎ ｅ ａ ｆ ｎ Ａｓ ｎ ｈ ｏ ｏ ｓＷ ｂ Ｉ ｔｒ ｃ ｏ ｉ
一
、
引 言
客户 浏 览器 赫 用户 界 ｉ Ｒｉ
在互联 网时代 ，随着 网络 的高速 发展， 一些弊端也随之 出现 。 如： 等待服务器响应或屏幕刷新的时间过长等等 。如何使用户能获 得快速的响应 ，体验交互性带来的乐趣 ，成为 目前 Ｗ ｂ ｅ 应用需要解 决 的问题。
计 算机 光盘 软件 与应 用
软件设计开发
Ｃｍｕｅ ＤＳｆｗｒ ｎ ｐｌｃｔｏｓ ｏｐ ｔｒ Ｃ ｏ ｔ ａ ｅａ ｄ Ａ ｐ ｉａ ｉｎ ２１ ０ ０年第 ４期
浅析 Ａ Ａ Ｊ Ｘ在 Ｗｅ ｂ中的应用
丁 明 浩
（ 津工业大 学，天津 天
３０ ０ ０ ００）
摘 要： 传统的 ｗｅ ｂ应用在 用户交互性方 面存在响应速度慢的缺点 ， 导致用户体验较差。 介绍 了Ａ Ａ 的概 念和工作原理 ， ＪＸ 通过 ｗ ｅ ｂ实例对 ＡＡ 在 Ｗｅ Ｊ Ｘ ｂ中的应用进行分析 ， 明 了ＡＡ 技术具有在客户端与服务器之间进行异步通信 的能力， 证 ＪＸ 可以有
求 ，利用 Ｊ ｖ ｓ ｒ ｐ ａ ａ ｃ ｉ ｔ程序，通过调用 Ｘ Ｌ ｔ ｐ ｅ ｕ ｓ Ｍ Ｈ ｔ Ｒ ｑ ｅ ｔ对象的属性
ｕ ｅ ｘ ｅｉｎ ｅＩｔｏ ｕ ｅ ｈ ｏ ｃ ｐ ｆＡＪ ｓｒｅ ｐ ｒｅ ｃ ． ｒ ｄ ｃ ｄ ｔｅ ｃ ｎ ｅ ｔｏ ＡＸ ｎ ｔ ｒ ｉｇ ｐ ｉｃｐｅ ｎ ａｙ ｉ ｈ ｏ ｇ ｅ Ｗ ｅ ｘ ｍｐｅ ｓｎ Ａ ｎ ａ ｄ ｉ ｗｏ ｋｎ ｒｎ ｉ ｌ，ａ ｌ ｓｓｔｒ ｕ ｈ ｔ ｂ ｅ ａ ｌｓｕ ｉｇ Ａ Ｘ ｓ ｈ Ｊ ａ ｐｌ ａｉｎ ，ｒ ｖ ｄ ｔ ｔｔｅＡ Ａ ｐ ｉ ｔ ｓｐ ｏ ｅ ｃ ｏ ｈａ Ｘ ｈ Ｊ ｅ ｎ ｉ Ｗ ｂ
效地减 少客 户端的响应时 间，更友好地 改善 了用户的实时操作体验 。
关冀词 ：Ａ Ａ Ｊ Ｘ；异 步；Ｗｅ ；交互性 ｂ
中圉分类号 ：Ｔ ３２ Ｐ １
文献标识码 ：Ａ
文章鳊号 ：１０－ ５９ （ ００ ０－ １６ ０ ０７ ９９ ２１ ） ４ ０２－ ２
ＡＪ ＡＸ ｐ ｉａ ｉｎｉ ｅ Ａｐ ｌ ｔｏ Ｗ ｂ ｃ ｎ
…
ｌ
一 ｓ却 。 求 Ｈ
ｔ
｝ｃ据 Ｌ歉 ＋ ｓ ｓ
ｌ
Ａｊｘ 引 擎 ａ 业
卡处 辑 理
Ｔ
‘
ｌ Ｗｅ 服务器 ｂ
Ｊ ｒ
和 Ｘ Ｌ ｔｐ ｅ ｕ ｓ 等多种技术组成的一种 综合应用 。 ＭＨｔＲｑｅｔ
ＡＡ Ｊ Ｘ包含 的技术 ：
数 据存 ｆ ｉ ｔ 服务 器 端
１使用 Ｘ Ｔ Ｌ Ｃ Ｓ ． Ｈ Ｍ 和 Ｓ 来编写结构化的页面 来实现表现层 ， 并采
用 Ｄ ｉ技术进行动态操作。 Ｏｆ Ｉ ２ 使用 ＸＬ和 ＸＬ ． Ｍ ＳＴ进行 数据交互操作 。 ３ 采用 ＸＬ ｔｐ ｅｕ ｓ ． Ｍ Ｈ ｔ Ｒｑ ｅ ｔ与服务器进行异步通信 。 ４ 使用 Ｊ ｖ Ｓｒ ｐ 对它们进行绑定 。 ． ａａ ｃ ｉ ｔ （ ）ＡＡ 二 ＪＸ技术的基本工作原理
Ａ Ａ （ ｓ ｎ ｈ ｏ ｏ ｓ Ｊ ｖ Ｓ ｒｐ ｎ Ｍ ＪＸ Ａ ｙ ｃ ｒ ｎ ｕ ａ ａ ｅ ｉ ｔ ａ ｄ ＸＬ）技术 的出现有 效 地缓解了这一 问题 ，它不但能使用户得 到更好的体验， 而且能够减 轻服务器 的负担 。 （ ）Ａ Ａ 一 Ｊ Ｘ技术概述 ＡＡ Ｊ Ｘ是基于浏 览器的应用技术 ，是 由 Ｊ ｖ Ｓ ｒ ｐ 、Ｘ Ｌ Ｏ ａ ａ ｃ ｉ ｔ Ｍ 、Ｄ Ｍ
图 １ ＡＡ Ｊ Ｘ工作原理流程
１ 创 建 Ｘ ｔｐｅｕｓ 对 象 ， 向 服 务 器 端 发 送 请 求 ； ． ￣Ｈ ｔ Ｒ ｑ ｅ ｔ ＸＬｔｐｅｕｓ Ｍ Ｈ ｔ Ｒ ｑ ｅ ｔ对象在大部分浏 览器上 已经实现而且拥有一 个简
单的接 口， 允许 数据 从客户端传递到服务端 ，但并 不会 打断用 户当
Ｄｉ ｉｇｈ ｏ ｎｇＭ ｎ ａ
（ ｉｎｉ ｏｙｅｈｉ ｎｖｒｉ ，ｉｎｉ ３０ ０ ， ｉａ Ｔａｊ Ｐ ｌｔ ｎｃＵ ｅｓｙＴ ａｊ ｎ ｃ ｉ ｔ ｎ ０ ０ ０Ｃｈｎ ）
Ａｂ ｔａ ｔＴｈ ａ ｉｏ ａ ｅ ｐ ｌ ａｉ ｎｉ ｅａｐ ｃｓＯ ｅ ｔｒ ｃ ｏ ｒ ｓｎ ｅｓ ｏ ｔｏ ｎ ｓｏｆ ｌｗ ｅｐ ｎｓ，ｅｕｔｎ ｏ ｒ ｓｒ ｃ ： ｅｔ ｄｔ ｎ ｌ ｂ ａ ｐｉ ｔｏ ｔ ｓ ｅ ｔ ｆ ｒｉ ｅａ ｔ ｎｐｅ ｅ ｃ ｈ ｒｃ ｍｉｇ ｏ ｒｓ ｏ ｅｒｓ ｌ ｇｉ ｐ ｏ ｒ ｉ Ｗ ｃ ｎｈ ｕｓ ｎ ｉ ｓ ｉ ｎ