WEB应用的新突破——AJAX技术
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
术。
传统的 ｗＥ Ｂ应用稗序 的交互是由用户向服务器提交请 求，再 由服务器接受并处理请求 ，并返同一个新的页而给用户 ，总的来说 就是一个开始——停止——开始—— 停止的交互过程 。然而用户提 交请求和服务器的返回页面中的大部分代码是相同的 （ 如页首，页 尾，导航 ，广告等）。这就使得在整个交互的过程中浪 费了大量的 带宽。与此 同， ＡＪ 将带来完命不同的用户体验 ：我们再也不 ＡＸ 需要无所事事地坐在屏幕 河等待这贞丽的重载，我们 看到的只是 一 个静态的页而．传统 的动态页面技 术已经转到了拥有 ＡＪ 技术的 ＡＸ
Ｘ Ｈ ｔＲ ｑ ｅ ｔ Ａ Ａ 中最 核心的技术．最早是 出微软 ＭＬ ｔ ｅ ｕ ｓ 是 Ｊ Ｘ ｐ １９ ９ ９年在 Ｉ ５０浏览器中率先推出的。 ＡＪ 技术之所以能够被人 Ｅ． ＡＸ 们广泛关注的主要原因是其具有能够无刷新更新页面的功能，而这 点 主要 是 归功 于 ＸＭＬＨＴ ＴＰ组件 中 的 ＸＭＬＨＴ Ｐ ｑ ｅ ｔ Ｔ Ｒｅ ｕ ｓ 对 象。 ＸＭＬ ＴＰ ｅ ｕ ｓ 技术 的出现扣‘ 了长久以来的 ＷＥＢ应用 ＨＴ Ｒ ｑ ｅ ｔ 破 开发的模式 ，再也不用在大量的页面问机械的 切换，这样既减轻 了 服 务器的 负担 又加快 了响应速度 、缩短 了垌，， 等候时问，为片 户提 ｊ 供更好的交互体验。
发挥 了客户端 的运算能 力，这样就不需要将用户所提交的简单的请 求传到服 务器处理再传回来，从而大大减轻 了服务器的负担。
（） Ｌ ＴＰ ｅ ｕ ｓ ２ＸＭ ＨＴ Ｒ ｑ ｅｔ
中图分类号： Ｔ ３ ３０ 文献标识码 ： Ｂ Ｐ ９ ．１
ＡＪ ＡＸ全称为 “ ｙ ｃ ｒ ｎ ｕ ａａ ｃｉｔａ ｄ ＸＭＬ” （ Ａｓ ｎ ｈｏ ｏ ｓＪｖ Ｓ ｒ ｎ ｐ 异 步 Ｊｖ Ｓ ｆ ｔ Ｘ ）是 种创建交互式 网页应用的 网页 开发技 ａ ａ ｃ ｐ 和 ＭＬ ， ｉ
摘要 ：随着近年来 Ａ Ａ Ｊ Ｘ技术 日趋 流行 ， Ａ Ａ Ｊ Ｘ技术 成为了人 们关注 的焦 点、并且成为了 ＷＥ Ｂ应用的新宠儿 。本 文主要针对 Ａ Ａ Ｊ Ｘ技术 的作用．工 作原理 ．优势以及还存在的问题 进行了一些介绍井 加以说明。
关键词：客户端：交互 ：Ａ Ａ Ｊ Ｘ引擎 ：用户体验
一
（） ３ＸＭＬ
ＸＭ Ｌ是 Ｔｈ ｘｅ ｓｂｅ Ｍ ａｋ ｐ ａ ｇ ａ ｅ ｅ Ｅ ｔｎ ｉｌ ｒｕ Ｌ ｎ ｕｇ （町 扩 展 标 ｛ 语
后台处理，通过 ｘ Ｈ Ｔ ＭＬ Ｔ Ｐ向服 务器发送请求 ，使 用 Ｊｖ ｓｒ ｔ ａａｃｉ ｐ
对 ＤＯＭ 进行操作 ．在 重新载入整个页丽的情 况下达到 了页面的 重组 ，所 以在整个过程等待 中 ，用 户始终看 到的是原 来的页面状 态，而页面 只会 显示动态程序的反馈 结果，减 少了用户实际和心 理 的 等待 时间 。
Ｊｖ Ｓ ｒ ｔ对碰 Ｊ Ｅ ａ ａ ｃｉ ： ｐ ： ＣＭＡ 们 Ｅ ＣＭＡＳ ｒ ｔ ｃｉ 规范。 ｐ ＸＭＬ： 应 Ｗ３ 对 Ｃ的 ＸＭＬ ＤＯＭ 、 ＸＳ Ｔ、 ＸＰ ｔ 等规 Ｌ ａｈ等
范。
ＤＯＭ （ ｃ ｍｅ ｔＯｂｅ ｔＭｏ ｅ， Ｄｏ ｕ ｎ ｊｃ ｄ ｌ 文档物件模型），是 一 种文 档平 台。用 于操作 Ｈ ＭＬ 和 Ｘ Ｔ ＭＬ 文件使用 的 一 Ａ １ 组 Ｐ 。如果 将用 ＨＴ ＭＬ或 ＸＨＴＭＬ构 建的网贝看作 一 组结构化数据 ，这 数 据被封装在 ＤＯ 中， ＤＯＭ 提供 了网页 中各 个对象 的读写支持。 Ｍ 当 ＡＪ 引擎捕获到某些 交互事件，并 且互动地重写 ＤＯＭ， ＡＸ 在贝 面 已经下载完毕后改变页面内容实现 无缝 化重组 。 Ａ ＡＸ 的工作原理可以看 作是在客户端与服务器端加入了一个 Ｊ 中间层 ，即 Ａ ＡＸ 引擎。 ＡＪ Ｊ ＡＸ 引擎实际上足一个复杂的 Ｊｖ Ｓ ｒ ａ ａ ｃｉ ｐ 程序，用 户发出请求后， Ａ ＡＸ 引擎读取信息 ，捕获用户的交互 ｔ Ｊ 事件 ，处理一些简单事件处理 ，而不是将所有的处理都抛给了服务 器端 ，然后初始化 ＸＭＬ ＨＴＴ Ｒｅ ｕ ｓ， 南 ＡＪ Ｉ Ｐ ｑ ｅｔ再 ＡＸ ｒ 擎将那些必 ｊ 须提交给服务器的请求提交给服务器，这 样就实现 了用户操作 与服 务 器 响 应 的 异 步 化 ． 可 以 让 我 们 在 不 重 载 页 而 的情 况 下 读 写服 务 器 Ｌ 的数据．使用户的输入达到最少。
ＸＨＴＭＬ 对 应 Ｗ ３ 的 ＸＨＴ Ｌ规 范 ， 目前 是 ＸＨＴ ： Ｃ Ｍ ＭＬ１ ． ０。 ＣＳ ： 应 ｗ ３ 的 ＣＳ Ｓ对 Ｃ Ｓ规 范 ， 目前 是 ＣＳ ２０。 Ｓ． ＤＯＭ： 里 的 ＤＯＭ 主要 是指 ＨＴＭＬ ＤＯＭ ， Ｌ ＤＯＭ 包括 这 ＸＭ
在 下 面 的 ＸＭＬ 中 。
墨
勇
本 系统在本矿 己稳定运 行二年 多，运 行结果表 明本系统能充分 满足煤矿对供水系统 的要求 ，对煤 矿供 水系统 的安全运行、提高供 水质 量、节 能降耗 、优化水源井 管理 以及 实现水源井管控一体化等 方面起 到了至关重要 的作用 。国
作 者简介 ：邱上进 （ ９ ６） 男．本科 ．机 电副Biblioteka 工程 师．研究方向：从事 １６ －
煤矿机 电 自动化技 术的研 究和应用
５ 结论
文章编号 ： １ ７ － ０ １２ ０ ）３ ０ ４ ・２ ６ １１ ４ （ ０ ７０ ・ １ ８ ０
ＷＥ Ｂ应用 的新 突破
张文超 ，王 旭 ． 丁
ＡＡ Ｊ Ｘ技术
刚
（ 天津工业大学，计算机技术与自动化学院，天津 ３ ０６ ） ０ １０
维普资讯
２ 世纪人才教 育 １
（） ２ 泵房：设 一 套现场控制 站，现场控制站 包括 ： Ｓ —０ ７３ ０系 列 的 Ｐ Ｃ、 ＭＤＳ电台以及泵房出 口压力和水池水位检测仪表 。 Ｌ （） ３ 操作站 在泵房集中控制室 设泉 房 、水 源井操作 、保护 、监控 管理系 统。该系统包括：监控管理计算机 、打印机、 ＵＰ Ｓ电源等。
言）的简写，是一种简单、 与平台无关并被Ｊ 泛采用的标准，它提 供一种描述结构化数据 的方法。 ＸＭＬ 相对于 ＨＴ ＭＬ 的优点是它 将用户界面与结构化数据分隔 来，并通过它 与应用程序进行数据 ｒ 交换。
（） ４ＤＯＭ
１ ＡＡ Ｊ Ｘ技 术 的 原理
ＡＪ Ｘ 这项技术是 由 Ｊｓｅ Ｊ ｍｅ ｒｅｔ Ａ ｅｓ ａ ｓ Ｇａｒｔ首先提 出的。其 实 ＡＡ Ｊ Ｘ并不是一 门新生语言或者新的技术，它是将传统技术加上几 ・ 项技术组合在…起再 以一定的方式、方法 组装起 来，将各 自的功能 ’ 在共同的协作中发挥 出来。其 主要的几种 技术包 括：
传统的 ｗＥ Ｂ应用稗序 的交互是由用户向服务器提交请 求，再 由服务器接受并处理请求 ，并返同一个新的页而给用户 ，总的来说 就是一个开始——停止——开始—— 停止的交互过程 。然而用户提 交请求和服务器的返回页面中的大部分代码是相同的 （ 如页首，页 尾，导航 ，广告等）。这就使得在整个交互的过程中浪 费了大量的 带宽。与此 同， ＡＪ 将带来完命不同的用户体验 ：我们再也不 ＡＸ 需要无所事事地坐在屏幕 河等待这贞丽的重载，我们 看到的只是 一 个静态的页而．传统 的动态页面技 术已经转到了拥有 ＡＪ 技术的 ＡＸ
Ｘ Ｈ ｔＲ ｑ ｅ ｔ Ａ Ａ 中最 核心的技术．最早是 出微软 ＭＬ ｔ ｅ ｕ ｓ 是 Ｊ Ｘ ｐ １９ ９ ９年在 Ｉ ５０浏览器中率先推出的。 ＡＪ 技术之所以能够被人 Ｅ． ＡＸ 们广泛关注的主要原因是其具有能够无刷新更新页面的功能，而这 点 主要 是 归功 于 ＸＭＬＨＴ ＴＰ组件 中 的 ＸＭＬＨＴ Ｐ ｑ ｅ ｔ Ｔ Ｒｅ ｕ ｓ 对 象。 ＸＭＬ ＴＰ ｅ ｕ ｓ 技术 的出现扣‘ 了长久以来的 ＷＥＢ应用 ＨＴ Ｒ ｑ ｅ ｔ 破 开发的模式 ，再也不用在大量的页面问机械的 切换，这样既减轻 了 服 务器的 负担 又加快 了响应速度 、缩短 了垌，， 等候时问，为片 户提 ｊ 供更好的交互体验。
发挥 了客户端 的运算能 力，这样就不需要将用户所提交的简单的请 求传到服 务器处理再传回来，从而大大减轻 了服务器的负担。
（） Ｌ ＴＰ ｅ ｕ ｓ ２ＸＭ ＨＴ Ｒ ｑ ｅｔ
中图分类号： Ｔ ３ ３０ 文献标识码 ： Ｂ Ｐ ９ ．１
ＡＪ ＡＸ全称为 “ ｙ ｃ ｒ ｎ ｕ ａａ ｃｉｔａ ｄ ＸＭＬ” （ Ａｓ ｎ ｈｏ ｏ ｓＪｖ Ｓ ｒ ｎ ｐ 异 步 Ｊｖ Ｓ ｆ ｔ Ｘ ）是 种创建交互式 网页应用的 网页 开发技 ａ ａ ｃ ｐ 和 ＭＬ ， ｉ
摘要 ：随着近年来 Ａ Ａ Ｊ Ｘ技术 日趋 流行 ， Ａ Ａ Ｊ Ｘ技术 成为了人 们关注 的焦 点、并且成为了 ＷＥ Ｂ应用的新宠儿 。本 文主要针对 Ａ Ａ Ｊ Ｘ技术 的作用．工 作原理 ．优势以及还存在的问题 进行了一些介绍井 加以说明。
关键词：客户端：交互 ：Ａ Ａ Ｊ Ｘ引擎 ：用户体验
一
（） ３ＸＭＬ
ＸＭ Ｌ是 Ｔｈ ｘｅ ｓｂｅ Ｍ ａｋ ｐ ａ ｇ ａ ｅ ｅ Ｅ ｔｎ ｉｌ ｒｕ Ｌ ｎ ｕｇ （町 扩 展 标 ｛ 语
后台处理，通过 ｘ Ｈ Ｔ ＭＬ Ｔ Ｐ向服 务器发送请求 ，使 用 Ｊｖ ｓｒ ｔ ａａｃｉ ｐ
对 ＤＯＭ 进行操作 ．在 重新载入整个页丽的情 况下达到 了页面的 重组 ，所 以在整个过程等待 中 ，用 户始终看 到的是原 来的页面状 态，而页面 只会 显示动态程序的反馈 结果，减 少了用户实际和心 理 的 等待 时间 。
Ｊｖ Ｓ ｒ ｔ对碰 Ｊ Ｅ ａ ａ ｃｉ ： ｐ ： ＣＭＡ 们 Ｅ ＣＭＡＳ ｒ ｔ ｃｉ 规范。 ｐ ＸＭＬ： 应 Ｗ３ 对 Ｃ的 ＸＭＬ ＤＯＭ 、 ＸＳ Ｔ、 ＸＰ ｔ 等规 Ｌ ａｈ等
范。
ＤＯＭ （ ｃ ｍｅ ｔＯｂｅ ｔＭｏ ｅ， Ｄｏ ｕ ｎ ｊｃ ｄ ｌ 文档物件模型），是 一 种文 档平 台。用 于操作 Ｈ ＭＬ 和 Ｘ Ｔ ＭＬ 文件使用 的 一 Ａ １ 组 Ｐ 。如果 将用 ＨＴ ＭＬ或 ＸＨＴＭＬ构 建的网贝看作 一 组结构化数据 ，这 数 据被封装在 ＤＯ 中， ＤＯＭ 提供 了网页 中各 个对象 的读写支持。 Ｍ 当 ＡＪ 引擎捕获到某些 交互事件，并 且互动地重写 ＤＯＭ， ＡＸ 在贝 面 已经下载完毕后改变页面内容实现 无缝 化重组 。 Ａ ＡＸ 的工作原理可以看 作是在客户端与服务器端加入了一个 Ｊ 中间层 ，即 Ａ ＡＸ 引擎。 ＡＪ Ｊ ＡＸ 引擎实际上足一个复杂的 Ｊｖ Ｓ ｒ ａ ａ ｃｉ ｐ 程序，用 户发出请求后， Ａ ＡＸ 引擎读取信息 ，捕获用户的交互 ｔ Ｊ 事件 ，处理一些简单事件处理 ，而不是将所有的处理都抛给了服务 器端 ，然后初始化 ＸＭＬ ＨＴＴ Ｒｅ ｕ ｓ， 南 ＡＪ Ｉ Ｐ ｑ ｅｔ再 ＡＸ ｒ 擎将那些必 ｊ 须提交给服务器的请求提交给服务器，这 样就实现 了用户操作 与服 务 器 响 应 的 异 步 化 ． 可 以 让 我 们 在 不 重 载 页 而 的情 况 下 读 写服 务 器 Ｌ 的数据．使用户的输入达到最少。
ＸＨＴＭＬ 对 应 Ｗ ３ 的 ＸＨＴ Ｌ规 范 ， 目前 是 ＸＨＴ ： Ｃ Ｍ ＭＬ１ ． ０。 ＣＳ ： 应 ｗ ３ 的 ＣＳ Ｓ对 Ｃ Ｓ规 范 ， 目前 是 ＣＳ ２０。 Ｓ． ＤＯＭ： 里 的 ＤＯＭ 主要 是指 ＨＴＭＬ ＤＯＭ ， Ｌ ＤＯＭ 包括 这 ＸＭ
在 下 面 的 ＸＭＬ 中 。
墨
勇
本 系统在本矿 己稳定运 行二年 多，运 行结果表 明本系统能充分 满足煤矿对供水系统 的要求 ，对煤 矿供 水系统 的安全运行、提高供 水质 量、节 能降耗 、优化水源井 管理 以及 实现水源井管控一体化等 方面起 到了至关重要 的作用 。国
作 者简介 ：邱上进 （ ９ ６） 男．本科 ．机 电副Biblioteka 工程 师．研究方向：从事 １６ －
煤矿机 电 自动化技 术的研 究和应用
５ 结论
文章编号 ： １ ７ － ０ １２ ０ ）３ ０ ４ ・２ ６ １１ ４ （ ０ ７０ ・ １ ８ ０
ＷＥ Ｂ应用 的新 突破
张文超 ，王 旭 ． 丁
ＡＡ Ｊ Ｘ技术
刚
（ 天津工业大学，计算机技术与自动化学院，天津 ３ ０６ ） ０ １０
维普资讯
２ 世纪人才教 育 １
（） ２ 泵房：设 一 套现场控制 站，现场控制站 包括 ： Ｓ —０ ７３ ０系 列 的 Ｐ Ｃ、 ＭＤＳ电台以及泵房出 口压力和水池水位检测仪表 。 Ｌ （） ３ 操作站 在泵房集中控制室 设泉 房 、水 源井操作 、保护 、监控 管理系 统。该系统包括：监控管理计算机 、打印机、 ＵＰ Ｓ电源等。
言）的简写，是一种简单、 与平台无关并被Ｊ 泛采用的标准，它提 供一种描述结构化数据 的方法。 ＸＭＬ 相对于 ＨＴ ＭＬ 的优点是它 将用户界面与结构化数据分隔 来，并通过它 与应用程序进行数据 ｒ 交换。
（） ４ＤＯＭ
１ ＡＡ Ｊ Ｘ技 术 的 原理
ＡＪ Ｘ 这项技术是 由 Ｊｓｅ Ｊ ｍｅ ｒｅｔ Ａ ｅｓ ａ ｓ Ｇａｒｔ首先提 出的。其 实 ＡＡ Ｊ Ｘ并不是一 门新生语言或者新的技术，它是将传统技术加上几 ・ 项技术组合在…起再 以一定的方式、方法 组装起 来，将各 自的功能 ’ 在共同的协作中发挥 出来。其 主要的几种 技术包 括：