利用Struts2框架和jQuery框架实现AJAX的开发

ｌ
／ 此 处 省 略 ｇ ｔ ｒ ｓ ｔ ｒ方 法 ／ ｅｔ 和 ｅ ｅ ｅ ｔ
ｍ ｎ—ａｇ ａ ｃ ｍ ｏｓ ｂ ａｕｉ ．ｒｃ ｍ ｏ ｓ ｌｇｉ ． ｏ ｓｌ ．ｒ ｏ ｍ ｎ — ｅｎ ｔｓａ ｏ ｍ ｎ —ｏｇ ｇ ｎｊ ｌｊ ｎ ｊｒ ｚ ｏｐ ． ｒ 。 ａ ｍ ｒｈ ａ 包 ｅ ｊ （ ） 写 处 理 程 序 Ａ ｔｎ类 Ｓ ＩｆＡ ｔ ｎ实 现 业 ３编 ｃｏ ｉ ｔ ｎ ｃｏ ｕ ｏ ｉ
别就是￥ ｅ ） ． ｔ方法是使 用 Ｇ Ｔ方式来进 行异步请求。 ｇ（ Ｅ
仅 提供 了表 现层 的数据 处理 ， 还提供 了 国际化 、 Ｊ Ｘ、 ＡＡ 上传下 载等功 能
４ 利 用 Ｓ ｒｔ２框 架 与 ｉ ｅ ｙ框 架 实 现 ｔ ｓ ｕ Ｑｕ ｒ
Ａ Ａ 实例 ＪＸ
Ｓｒｔ 框 架 本 身 提 供 了对 Ａ Ａ 的 支 持 ．通 过 与 ｔ ｓ ｕ２ Ｊ Ｘ Ｄ ＷＲ和 Ｄ ｊ 等 框 架 的 整 合 ． 可 实 现 丰 富 的 Ａ Ａ ｏｏ 也 Ｊ Ｘ功
｝
ｒ ｔ ｒ ＵＣ Ｓ ； ｅ ｕ ｎ Ｓ ＣＥ Ｓ
（ ） Ｓｒｔ ２将 ｔ ｓ ｕ ２的 ＪＯ 插 件 包 （ ｏｐｕｉ一 ． ．ｒ ＳＮ ｉ ｎ ｌｇ ０３ ｊ ｓ ｎ ２ａ 等 ） 入 到 Ｗｅ 程 的 ｌ 加 ｂ工 ｉ 件 夹 下 此 处需 要 注 意 的 ｈ文
是 ，① 如果 是 Ｓ ｔ ２０ ＇ Ｏ ｔ ｓ ．ｘＪ Ｎ插件 包 是 ｉ ｎｌｇ — ｕ ｒ ． Ｓ ｓ ｐ ｉ ｏ ｕｎ
为 。
ｔｉｒｓｌ＝ｊ． Ｓ ｉｇ ； ｈｓｅｕｔ ０ ｏｔｎ０ ． ｔ ｒ ／Ｓ ｓ ｍ． ｔ ｒ ｔ （ ｉｒｓｌ；／测 试 一 下 ／ ｙｔ ｏ ． ｉ ｌ ｔ ｓｅｕｔ ／ ｅ ｕｐ ｎｎ ｈ ． ） ｌ ｔｈ ｘｅｔ ｎｅ｛ ｃ ｃ（ ｃｐｉ ） ａ Ｅ ｏ Ｓｓ ｍ． ｔ ｒ ｔ （； ｙｔ ｏ ． ｉ ｌ ｅ ｅ ｕｐ ｎｎ ）
（ ） 在 Ｍｙ ｃｉｓ １ Ｅ ｌ ｅ中 创 建 Ｊ ｖ ｂ应 用 并 增 加 ｐ ａ ａＷｅ
ｍａ．ｕ（ ａ ｅ，ｈｓ ｔＮ ｍｅ ｐｐ ｔ ｎ ｍ ”ｔｉｓ ａ ） ” ．ｕ ； ｍａ．ｕ（ ｒｄ ＂ｈｓ ｔＧ ａｅ； ｐ ｔ ｇａ ｅ， ｉｓ ｒｄ） ｐ ” ｔ ．ｕ
ｍａ ． ｔ ｄｓｉｌ ｅ．ｈｓ ｔＤ ｓｉｌ ｅ； ｐｐ （ ｉ ｐｉ ” ｔｉｓ ｉ ｐｉ ） ｕ” ｃ ｎ ．ｕ ｃ ｎ ｅｔ ｇＴ ￣ 回 的 ｍ ｐ对 象 进 行 ｊｏ ａ ｓｎ数 据 类 型 处 理
（ ）． ｓ 方法是 ｊ ｕｒ 中的全局 函数 ， 主要 作 ２ ￥ ｏｔ ｐ ０ Ｑｅ ｙ 其
用 是 向 服 务 器 中 的 页 面 传 递 参 数 它 用 一 个 简 单 的
１ Ｓ ｒｔ２框 架 介 绍 ｔ ｓ ｕ
Ｓｒｔ 作 为 经 典 的 ＭＶ ｔ ｓ ｕ２ Ｃ框 架 ． 用 了 松 耦 合 的设 采 计 ． 系统 的 Ａ ｔ ｎ 再 与 Ｓｒｌ Ｐ 耦 合 ． 强 了单 让 ｃｉ 不 ｏ ｅｖ ｔ Ｉ ｅＡ 增 元 的测 试 性 同时 它 包 含 了强 大 的标 签 库 ． 些 标 签 不 这
对 象 ．大多数情况下 ．开发人 员都无需直接操 作该 函 数 。如果要处理￥Ａ Ａ １ ．Ｊ Ｘｆ 得到 的数据 ． 需要使用 回调 则
函 数 ， 如 ｓｃｅｓｃｍｐ ｔ 。 向 用 户 提 供 更 多 有 例 ｕｃｓ、ｏ ｌｅ等 以 ｅ 关 Ａ Ａ 体验的反馈 。 果需要编写一些复杂 的 ＡＡ Ｊ Ｘ 如 ＪＸ 脚 本 ． 以 利 用 ￥ Ａ 函 数 指 定 不 同 的 数 据 处 理 方 可 ． Ｘ０ Ｊ Ａ
随 着 Ｗｅ ． 术 在 Ｉｔ ｎｔ 推 广 和 普 及 ． 得 ｂ２ ０技 ｎｅ ｅ 的 ｒ 使 传 统 的 ＣＳ开 发 模 式 逐 渐 向 ＢＳ开 发模 式 过 渡 ．同 时 ． ／ ／ 为 改 善 Ｗｅ ｂ页 面用 户 体 验 效 果 ． 现 Ｒ Ａ（ 因 特 网 应 实 Ｉ 富 用 ） Ａ Ａ 技 术 逐 渐 进 入 开 发 人 员 的 视 野 ． 成 为 的 ＪＸ 并 Ｗｅ ． 核 心技 术 之一 作 为 目前 基 于 ＪＥ ｂ２０的 ２ Ｅ架 构 下
利 用 Ｓ ｒｔ２框架和 ｊ ｅｙ框 架 实现 Ａ Ａ ｔ ｓ ｕ Ｑｕ ｒ Ｊ Ｘ的开发
陈 志 雄
ｆ 北 大 学 计 算 机 中心 ．武汉 ４ ０ ６ ） 湖 ３０ ２
摘 要 ：Ａ Ａ 通 过 异 步 交 互 技 术 ，提 高在 Ｂ Ｓ模 式 下 服 务 器 与 客 户 端 之 间 的 传 输 效 率 和 响 应 速 ＪＸ ／
Ｓｒｕｓ ｔ ｔ — ２支持 。①将 Ｓ ｕ ２的核 ＂ 库 （ｒｔ 一ｏｅ ｔｔ ｒｓ １类 ２ ｓ ｓ ｃｒ— ｔ ２ ｕ
ｘｘ ａ 等） ｘ． ｒ 复制 到 当前 Ｗｅ ｊ ｂ应用 的 ｌ ｉ ｂ目录下 ； 修改 ②
Ｗｅ 应用 的 ｗ ｂｘ 配置文件 ． ｂ ｅ． ｍｌ 配置 Ｓ ｕ ２的核心 Ｆｌ ｔｔ ｒｓ ｉ —
／ 页 面 中引 入 ｊ ｕ ｒ． ／ 在 Ｑ ｅｙｓ ｊ ＜ｃｉｔｌｎｕ ｇ ＝” ｖｓｒ ｔ ｒ ＝”Ｓｊ ｕｒ － ．． ｍｉ．” ｓｒ ａｇ ａｅ ｊ ａｃ ｐ”ｓｃ Ｊ／ ｅ １ １一 ｎ ｓ ｐ ａ ｉ Ｑ ｙ ６ ｊ ｔｐ ＝ｔｘｊｖｓｒ ｔ＞ ／ ｒ ｔ ｙ ｅ ” ｔａａｃｉ ” ＜ｓｉ ＞ ｅ／ ｐ ｃｐ
ＪＯ Ｏ ｊｃｊ Ｓ Ｎ ｂｅｔＯ＝ＪＯ Ｏ ｊ ｔｒ ｂｅｔ ａ） Ｓ Ｎ ｂ ｅ．ｏ ｅ ｆ ｍＯ ｊｃ ｍ ｐ； （
Ｓ ｓ ｍｏｔ ｒ ｔ （ ．Ｓｒ ｇ ） ｙｔ ． ． ｉ ｌ ｊ ｔ ｔｎ０； ｅ ｕ ｐ ｎ ｎ ｏｏ ｉ
￣ ， ｓｎ对 象 的 ｔ ｔ ｎ Ｉ ｑ ｊｏ Ｎ ｌ ｏ ｒ ｇ方 法 转 换 为 字 符 串 然 Ｓｉ 后 赋值 给 ｒｓ Ｉｅ ｕｔ
２ ｉ ｅｙ介 绍 Ｑｕ ｒ
ｊ ｕｒ 是 一个快 速 、 洁 的 ＪｖＳｒ ｔ 架 ， 属 Ｑｅ ｙ 简 ａ ａｃｉ 框 ｐ 它
于 一 个 轻 量 级 的 脚 本 ， 代 码 小 巧 ， 于 扩 展 ． 且 跨 其 易 而
浏览器支持 ， 与 Ｈ ＭＬ代码 完全分离 ． 能 Ｔ 同时该框架 包 含着丰富的插件 。 其使用方法也非常简单 ， 只需要在 使 用 ｊ ｕ ｒ 的页面 中引入 ｊ ｕｒ ｊ 文件 即可 。 Ｑｅ ｙ Ｑｅ ｙ的 ｓ
优 秀 的 ＭＶ 框 架 之 一 ．ｔ ｔ２已 成 为 Ｗｅ Ｃ Ｓｒ ｓ ｕ ｂ开 发 的 重
３ 基 于 ｉ ｅ ｙ的 Ａ Ａ Ｑｕ ｒ Ｊ Ｘ用 法
在 ｉｕ ｒ 框 架 中 ，Ｊ Ｘ有三种 实现方式 ：． Ａ Ｑｅ ｙ ＡＡ ￥ Ｊ Ａ Ｘ
（ ￥ ｏｔ， ． ｔ。 ） ． ｓ）￥ ｅ） ， ｐ （ ｇ （ （ ） ．Ｊ Ｘ（ １ ￥Ａ Ａ ） 函数 返 回其 创 建 的 Ｘ Ｈ ｔＲ ｑ ｅｔ ＭＬ ｔ ｅ ｕｓ ｐ
收稿 日期 ：０ １ ０ —０ ２１－ ６ ９ 修 稿 日期 ：０ １ ７ ９ ２ １ —０ —０
能。 而与 ｊ ｕｒ 框架配合 ， Ｑｅ ｙ 可将程序的触发事件直接封
装 在 Ｊ 码 中。Ｓ ｕｓ ｊ ｕ ｒ 整合 过程 中 ．还 需 Ｓ代 ｔｔ ｒ ２与 Ｑ ｅ ｙ
ＪＯ ＪｖＳｒ ｔ ｂｅｔ ｏ ｔ ｎ 插 件来 辅 助 实 现 Ａ Ｓ Ｎ（ ａ ｃ ｐ Ｏ ｊｃ Ｎ ｔ ｉ ） ａ ｉ ａｏ ．
务 逻 辑
ｐ ｃ ａ ｅ ｏ ｓｕ ａ ｔ ｎ ａ ｋ ｇ ｃ ｎ． ．ｃｉ ； ｔ ｏ
｝
（ ） Ｗｅ 应 用 程 序 目录 下 ， 建 Ｊ 件 夹 ， 载 ４在 ｂ 新 Ｓ文 加
ｊ ｕ ｒ一 ．．ｒ ｎ ｓ Ｑ ｅｙ １ １ ｉ． 脚本库 ， 在 ｓ ｌｆ．ｐ页面中引人 ６． ｉ ａ 并 ｔ ｎｏ ｓ ｕ ｊ ｊ ｕ ｒ ｊ 文件库 。 Ｑ ｅｙ的 Ｓ
Ｏ ２ ａ； 果 是 Ｓ ｔ ２１ ， Ｏ 插 件 包 是 ｊ ｎ ｌｇ 一 ． ．ｒ如 ３ｊ ｔ ｓ ．． Ｊ Ｎ ｕ ｒ ｘ Ｓ ｓ ｐｕｉ ｏ ｎ
０ ４ ａ； 因为 ＪＯ ． ．ｒ ② ３ｊ Ｓ Ｎ大量 引用 了 Ａ ａｈ Ｏ Ｂ ｎ 的 ｐ ｃｅＣｍ ｏ ｓ
包 ，所 以 这 里 还 需 要 加 入 Ｃ ｍＢｏ ｓ ｃ ｌ ｃｉｎ ． ｒ ｏ Ｏ ｎ－ ｏｌ ｔ ｓ ａ ｍ． ｅ ｏ ｊ ｃ
度 。通 过 整 合 Ｓｒｔ ｔ ｓ 架和ｊ ｅ ｕ ２框 Ｑｕｒ ｙ框 架 ， 绍 如 何 实现 Ｗ ｅ 介 ｂ应 用 程 序 下 的 Ａ Ａ 功 能 。 ＪＸ 关键 词 ： ｔ ｔ ；Ｑｕ ｒ； Ｊ Ｘ；Ｓ Ｓｒ ｓ ｊ ｅｙ Ａ Ａ Ｊ ＯＮ； ｅ ． ｕ ２ Ｗ ｂ２０
Ｏ 引 言
ｔｒ 以 加 载 Ｓｒｔ２框 架 对 Ｆｈ ｒ中＜ ｌ ｒ 的 ＜ ｉ 卜 ｅ用 ｔ ｓ ｕ ｉｅ ｉｅ ｔｔ ＞ ｆ ｔ ｌｅ
ｃａ ｓ 属 性 设 置 为 ｏｇａ ａ ｈ ．ｒｔ２ｄｓ ａｃ ｅ．ｉ ｅＤｉ． ｌｓ＞ ｒ．ｐ ｃ ｅｓ ｕｓ ．ｉｐ ｔｈ ｒ ｈ ｒ ｓ ｔ Ｆ ｐ ｔｈ ｒ和 ＜ｉ ｅ ａｃ ｅ ｆ ｔ卜ｍａ ｐｎ ＞ ｌ ｐ ｉｇ ＜ ｒ— ａｔｒ ＞，属 性 设 置 ｕｌ ｐ ｔ ｎ ｅ
要技术 ． 同时 ． 过与其他框架 的整合 更突显出其 良好 通 特 性 。ｉｕ ｒ Ｑ ｅｙ是 一 个 优 秀 的 ＪｖＳｒ ｔ 架 ，它 将 ａａ ｃ ｐ 框 ｉ
Ｊｖ Ｓｒ ｔ 本 程 序 进 行 简 化 ．主 要 用 于 实 现 Ａ Ａ 的 ａａｃｉ 脚 ｐ ＪＸ 编 程
式， 例如 Ｘ 、 Ｔ Ｌ、 Ｏ Ｔｘ 等。 ＭＬ Ｈ Ｍ Ｊ Ｎ、ｅｔ Ｓ
， 为 ｍ ｐ添 加 数 据 ．记 录 一 下 页 面 传 过 来 ｓ ． ／ ａ ｔ ｕ
Ｎａ ，ｔ Ｇ ａ ｅ ｓｕ ｓ ｉ ｌ ｅ ｍｅｓｕ ｒ ｄ ， ｔ Ｄｉｃｐ ｉ ｎ
用 。 以学 生信息录入模块为例 ， 现 介绍 Ｓｒｔ ｔ ｓ ｕ ２和 ｉｕｒ Ｑｅ ｙ
整 合 实 现 Ｗｅ Ｊ Ｘ 的技 术 流 程 ｂＡ Ａ
作 者 简介 ： 陈志 雄 （９３ ， ， 北 武 汉人 ， 士 研 究 生 ， 究 方 向 为 信 息 系统 分 析 与 集 成 ｗ ｅ １８ 一） 男 湖 硕 研 ｂ应 用 程 序 表 现 层 技 术
、
硼 件 笪 加
９ １ １ｎ ｃｔ
Ｊ Ｘ 功 能 。ＪＯ 插 件 自带 了 一 种 名 为 ｊ ｎ的 Ｒ ｓｌ Ａ ＳＮ ｓ ｏ ｅｕｔ — Ｔ ｐ 。其 特 点 是 在 ｓ ｕｓ ｍ 中 为 某个 Ａ ｔ ｎ配置 该 类 ｙｅ ｔ ｔｘ ｌ ｒ ． ｃｉ ０ 型 的 ｒｓｌ时 ，该 ｒｓｌ不 需 要 映 射 到 任 何 视 图 资 源 ． ｅｕｔ ｅｕｔ 只 需 要 设 置 其 ｔｐ 属 性 为 “ ｏ ” 最 后 的 返 回结 果 将 由 ｙｅ ｊ ｎ． ｓ Ｓｒｔ ｔ ｓ ｕ ２封 装 成 ＪＯ Ｓ Ｎ格 式 的数 据 返 回 给 客 户 端 直 接 使
ＰＳ Ｏ Ｔ请求 功 能 以取 代复杂 ￥ Ｊ Ｘ（ 请 求成 功 时可 ． Ａ １． Ａ
调 用 回调 函数 。 果 需 要 在 出错 时 执 行 函数 。 使 用 ￥ 如 则 ．
Ａ Ａ （Ｙ 。 ＪＸ） ￣ Ｔ
（ ） ． ｔ方 法与￥ｐｓ 方法 非常类 似 ， ３ ￥ｇ ０ ｅ ． ｔ ００ 惟一 的区
Ｓｒ ｇ Ｏ ｔｎ＞ ； ｉ
ｍ ｐ对 象 中 ａ
， 收 从 客 户端 页 面 传 来 的关 键 字 与值 ． 放 人 ／ 接 并
Ｍａ Ｓ ｒ ｇ ｔ ｎ ｐ＜ ｔ ｎ ，Ｓ ｒ ｇ＞ ｍａ ： ｎ ｗ ｓ Ｍａ Ｓ ｒｎ ， ｉ ｉ ｐ ｅ Ｈａ ｈ ｐ＜ ｔ ｇ ｉ
／Ｓ ｓ ｍｏ ｔ ｒ ｔ （ ｉｓ Ｎ ｍ ） ／ 试 一下 ／ ｙｔ ． ． ｉ ｌ ｔ ｓ ｔ ａ ｅ； ／ ｅ ｕ ｐ ｎ ｎ ｈ ．ｕ 测