AJAX异步提高Web应用效率
AJAX技术及其WEB应用
（ ． 州 军 区 ６ ０ ２部 队 ；２ 兰 州 军 区 电化 教 学 工 作 站 ， 肃 兰 州 ７ ００ ） １兰 ８０ ． 甘 ３ ０ ０
摘
要： 文章介 绍 了 ＡＪ ＡＸ（ ｙ ｃ ｒ ｎ ｕ ａ ａ ｃｉｔ＋ ＸＭＬ Ａｓ ｎ ｈｏ ｏ ｓ ｖ Ｓ ｒ Ｊ ｐ ）技 术的定 义 、 实现 原理 与机 制 并介
１１ ＡＡ ． Ｊ Ｘ技 术 的 定 义
１３ ＡＡ ． Ｊ Ｘ的工作 原理
传统 Ｗｅ ｂ应 用 采 用 同步 交 互 过 程 ， 种 情 况 这 下 ， 户 首先 向 ＨＴ 用 ＴＰ服务器 触发 一个 行为或请 求 的 呼求 。反 过来 ， 务器 执行某 些 任务 ， 服 然后 向请 求
费 ， 少 了数据下 载 总量 ， 减 而且 更新 页 面时不用 重 载
Ａ ＡＸ 的 核 心 是 Ｊ ａ ａ ｃｉｔ对 象 Ｘ Ｊ ｖＳ ｒ ｐ ＭＬ Ｈｔ —
ｔＲｅ ｕ ｓ 该对 象在 Ｉｔｒｅ ｘ ｌｒｒ５中首 次引 ｐ ｑ ｅｔ， ｎｅｎ ｔ ｐｏｅ Ｅ
入 ， 一 种 支 持 异 步 请 求 的 技 术 。Ｘ ｔＲｅ 是 ＭＬ Ｈｔｐ —
・
图 １ 两 种 Ｗｅ 应 用 模 型 的 对 比 ｂ
给用 户 更好 的体 验 。ＡＪ ＡＸ使 得 在 Ｗｅ ｂ上
与传 统 的 ｗｅ ｂ应用 不 同 ， Ｊ Ａ ＡＸ 采 用异 步交互 过 程 。Ａ ＡＸ在 用户 与服务 器 之间引 入一 个 中间媒 Ｊ 介 ， 而消除 了网络 交互 过 程 中 的处理 一等 待 一处 从 理 一等待 缺点 。用户 的浏览 器 在执行 任务 时 即载入
绍 了 Ａ ＡＸ 的 ｗｅ Ｊ ｂ应 用 。
关键 词 ： Ｊ Ａ ＡＸ；ａ ａ ｃｉｔｗ ｅ Ｊ ｖ Ｓ ｒ ； ｂ应 用 ； 性化 服务 ； 步 交互 ｐ 个 异
ajp协议
ajp协议AJAX是Asynchronous JavaScript and XML的缩写，可以实现在不重新加载整个页面的情况下更新部分页面内容的技术。
AJAX技术的核心是使用XMLHttpRequest对象与服务器进行数据交互。
AJAX协议（AJP）是运行在超文本传输协议（HTTP）上的一种协议，用于Web服务器和Web应用服务器之间的通信。
AJAX协议的主要作用之一是提高Web应用的性能。
传统的Web应用在每次请求时都需要重新加载整个页面，而使用AJAX协议则可以只加载需要更新的部分。
这样可以减少网络传输数据量，提高Web应用的响应速度。
同时，AJAX协议还可以实现异步请求和响应，用户无需等待页面刷新就可以进行其他操作，提升用户体验。
AJAX协议的通信步骤如下：1. 客户端发送一个HTTP请求到服务器，请求的URI是一个特定的URL。
2. 服务器接收到请求，如果URL匹配AJAX协议的规则，就会创建一个AJAX会话。
否则，服务器将忽略该URL。
3. 服务器将请求转发给Web应用服务器，Web应用服务器处理请求并生成响应。
4. Web应用服务器将响应发送给服务器，服务器将响应转发给客户端。
服务器和客户端之间的通信可以使用二进制格式进行，以提高效率。
AJAX协议的特点如下：1. 高性能：通过减少网络传输量和异步请求，提高Web应用的性能。
2. 独立性：AJAX协议可以独立于具体的Web应用服务器实现，使得不同的Web应用服务器可以使用相同的AJAX协议进行通信。
3. 扩展性：AJAX协议可以扩展支持不同的功能，如会话管理、身份认证等。
4. 可靠性：AJAX协议支持连接的续约和恢复，可以在连接断开后自动重新连接。
AJAX协议的应用场景广泛，例如：1. 数据更新：AJAX协议可以实现页面的部分刷新，从而实现实时数据的更新，在各种Web应用中都得到广泛应用，如聊天应用、股票行情应用等。
2. 表单提交：AJAX协议可以实现表单的异步提交，使得用户无需等待页面刷新就可以提交表单，提升用户体验。
ajax中的success方法
ajax中的success方法1.引言1.1 概述概述:AJAX（Asynchronous JavaScript and XML）是一种基于前端的技术，通过使用JavaScript和XML或JSON来实现与服务器之间的异步通信。
它的出现极大地改变了Web开发的方式，使得页面能够实现动态的数据更新，无需重新加载整个页面。
在AJAX中，success方法是作为回调函数之一，用于处理异步请求成功后返回的数据。
当请求成功时，success方法会被调用，并将服务器返回的数据作为参数传递给该方法。
本文将重点介绍和探讨AJAX中的success方法，包括其使用方法、参数和常见的应用场景。
通过深入了解success方法，读者将能够更好地理解AJAX的工作原理，并能够灵活运用这一方法来处理异步请求的返回数据。
接下来的章节将依次介绍AJAX的简介以及其中的success方法，以帮助读者更好地理解和运用该方法。
本文的目的是帮助读者掌握AJAX技术中的关键概念和方法，以便能够在实际的Web开发中灵活运用AJAX 来提升用户体验和页面的性能。
在结论部分，我们将对AJAX中的success方法进行总结，并展望其在未来的应用前景。
通过对success方法的深入学习，读者将能够更好地应用这一方法来处理异步请求返回的数据，提供更好的用户体验，同时也能够更好地理解和应用AJAX技术。
1.2文章结构文章结构是指文章的组织形式和内容安排方式。
一个良好的文章结构可以使读者更容易理解和吸收文章内容，并且可以让作者更清晰地表达自己的观点和论据。
在本篇文章中，我们将按照以下结构组织内容：1. 引言1.1 概述：介绍AJAX（Asynchronous JavaScript and XML）的基本概念和作用，以及它在现代Web开发中的重要性。
1.2 文章结构：说明本篇文章的整体结构和内容安排。
1.3 目的：阐述写作本文的目的，即介绍AJAX中的success方法的作用、用法和实际应用场景。
ajax put 与post的使用方法
ajax put 与post的使用方法Ajax是一种在Web应用中使用的异步JavaScript和XML技术，它可以使页面无需刷新而与服务器进行数据交互。
其中，Ajax的PUT和POST方法是两种常用的数据传输方式。
本文将介绍Ajax PUT和POST的使用方法，并对其进行详细解析。
一、Ajax PUT方法的使用方法PUT方法用于向服务器发送数据，通常用于更新现有资源。
下面是Ajax PUT的基本使用方法：1. 创建XMLHttpRequest对象我们需要创建一个XMLHttpRequest对象，用于与服务器进行通信。
可以使用以下代码来创建该对象：```javascriptvar xhr = new XMLHttpRequest();```2. 设置请求方法和URL接下来，我们需要设置请求的方法和URL。
对于PUT方法，我们需要使用`xhr.open()`函数来设置请求方法和URL，如下所示：```javascriptxhr.open('PUT', '/api/resource', true);```3. 设置请求头在发送PUT请求之前，我们需要设置请求头，告诉服务器请求的内容类型。
通常，我们可以使用以下代码来设置请求头：```javascriptxhr.setRequestHeader('Content-Type', 'application/json');```4. 发送请求我们可以使用`xhr.send()`函数来发送PUT请求。
如果需要传输数据，可以将数据作为参数传递给该函数，如下所示：```javascriptxhr.send(JSON.stringify(data));```二、Ajax POST方法的使用方法POST方法用于向服务器提交数据，通常用于创建新的资源。
下面是Ajax POST的基本使用方法：1. 创建XMLHttpRequest对象同样，我们需要首先创建一个XMLHttpRequest对象，用于与服务器进行通信：```javascriptvar xhr = new XMLHttpRequest();```2. 设置请求方法和URL然后，我们需要设置请求的方法和URL。
Ajax技术在Web应用系统开发中的应用
＿
器 进 行 异 步 数 据 处 理 ；使 用 Ｊｖ Ｓｒ ｔ 各 种 技 术 ａａ ｃｉ 将 ｐ
绑定 在一起 。
三 、 ｊｘ的 工 作 原 理 Ａａ
任 鲁 啊 毫
拳 ■ …一谱 拇 一 办门～ －谵 …
鬻鲁 一 ｝ 辊童 建掉一
ｌ
－ 嘲； 戢 ＾ 一 ｌ 办 讲 ｊ 琏
户 端 ，或 者 是 选 择 承 办 部 门 后 需 要 进 行 一 次 提 交 ， 而提交 将会重 新刷 新整 个 页面 ， 一种 办法 客户端 前
采 用 Ｂ Ｓ 系结 构 的 Ｗ ｅ ／ 体 ｂ应 用 系 统 ， 其 主要
工 作 原 理 是 基 于 ＨＴ Ｐ协 议 的 请 求 响 应 机 制 ，由 于 ｒ ＨＴ Ｐ协 议 的特 点 所 限 ，传 统 的 Ｗｅ Ｔ ｂ应 用 程 序 以 同
维普资讯
圆 ０ｌ１ 第期 ２ 用０ ０ ２ 日ｌ ６ 月 术２ 应 技 年
Ａａ 技术在Ｗ ｂ ｊ ｘ ｅ 应用系 统开发中的应用
◆ 内蒙古自治区赤峰市国家税务局 张学东
一
、
前 言
互 。Ａｊｘ引 擎 允 许 用 户 与 应 用 软 件 之 间 的交 互 过 程 ａ 异 步 进 行 ， 立 于 用 户 与 网络 服 务 器 之 问 的交 流 ， 独 这
步 交 互 方 式 工 作 ，客 户 发 出请 求 后 ，在 负 载 重 时 需 要等 待很长 时间 ； 提 交后 需要重 载整个 页 面 ， 在 这
样 既 降 低 了 系 统 性 能 ， 不 够 人 性 化 ， 用 Ａａ 又 采 ｊｘ技
和 服 务 器 端 之 间 的 数 据 传 输 量 大 ，而 且 耗 时 长 ， 后
一
术能 够很好 地解决这 个 问题 。
浅析AJAX在Web中的应用
ｃ ｎ ｌ ｇ ｓｔ ｅａ ｉ ｔ ｅｗ ｅ ｎｔｅｃ ｅ ｔａ ｄ ｓｒ ｅ ｏ ｙ ｃ ｒｎｏ ｏ ｔ ｈ ｏ ｏ ｙｈａ ｂｌ ｙｂ ｔ ｅ ｌ ｎ ｅｖ ｒｆｒＡｓｎ ｈ ｏ ｕｓｃ ｍｍ ｕ ｉ ａ ｏ ，ｅ ｕ ｅｔｅ ｅ ｈ ｉ ｈ ｉ ｎ ｎｃ ｔ ｎｒ ｃ ｉ ｄ ｈ
前的操作，使用 ＸＬ ｔｐ ｅｕ ｓ 传送 的数据可 以是任何格式。 Ｍ Ｈ ｔＲ ｑ ｅ ｔ ２ 服务器处理完请求 后， ． 调用 回调 函数 ： ３ 回调函数解析服务器 端返 回的处理 结果 ， ． 然后更新到页面所
需部分。
ＡＡ Ｊ Ｘ技术的核心 内容就是 使用户操作与服务器之 间的响应异 步化。为此 ，它就相当于一个 中间层，处理客户端和服务器端的请
ｃ ｅ ｔ ｅ ｐ ｓ ｍｅｅ ｅ ｔｖ ｌ， ｒ ｖ ｅｕ ｅ ｘ ｅ ｅ ｃ ｆ ｅ —ｍ ｅｏ ｅａ ｏ ｒ ｒｅ ｄｙ ｉ ｌ ｎ ｓｏｎ ｅｔ ｆ ｃ ｅｙｔ ｉ ｒ ｉ ｉ ｏ ｍｐ ｏ ｅｔ ｓｒｅ ｐ ｒ ｎ ｅｏ ａ ｔ ｐ ｒｔ ｎｍｏ ｅｆ ｎ ｌ． ｈ ｉ ｒｌ ｉ ｉ ｉ
Ｋｅ ｗｏ ｄｓ ＡＪ ｙ ｒ ： ＡＸ； ｙ ｃ ｒ ｎ ｕ ； ｅ ；ｎ ｅ ａ ｆ ｎ Ａｓ ｎ ｈ ｏ ｏ ｓＷ ｂ Ｉ ｔｒ ｃ ｏ ｉ
一
、
引 言
客户 浏 览器 赫 用户 界 ｉ Ｒｉ
在互联 网时代 ，随着 网络 的高速 发展， 一些弊端也随之 出现 。 如： 等待服务器响应或屏幕刷新的时间过长等等 。如何使用户能获 得快速的响应 ，体验交互性带来的乐趣 ，成为 目前 Ｗ ｂ ｅ 应用需要解 决 的问题。
计 算机 光盘 软件 与应 用
软件设计开发
Ｃｍｕｅ ＤＳｆｗｒ ｎ ｐｌｃｔｏｓ ｏｐ ｔｒ Ｃ ｏ ｔ ａ ｅａ ｄ Ａ ｐ ｉａ ｉｎ ２１ ０ ０年第 ４期
AJAX技术在动态Web开发中的应用探讨
３４客户端存加载页面时直接发送绘制请求 －
＜ ｏ ｙ ｎｏ ｄ ＝ ｅ ｄ ｅ ｕ ｓ ＞ ｂ ｄ ｏ ｌａ ｓｎ Ｒ ｑ ｅｔ ０
＜ｂｄ ＞ ／ｏｙ
… …
结 束 语 Ａａ ｊｘ提供 ｒ ・ 与 传 统 的请 求 ／ 应 方 式 种 响 迥 异 的 交 互 方 式 ， Ｊ Ｘ应 用 仅 向服 务 器 发 送 并 ＡＡ 取 回必需 的数 据 ， 可 以把 部分 服 务 器 的工 作 转 并
请求与服务器响应异步化 。每次 Ｈ户提 交请 求 ｊ 后 ， ｊｘ引 擎 根 据 需 要 动 态 读 写 服 务 器 、更 改 Ａａ Ｄ ＯＭ 内容 ，针对操 作触 发的各 种事件 ，利 用 ＪｖＳ ｒ ｔ ａａｃｉ 处理 Ｄ ｐ ＯＭ数据并依据 ＸＭＬ和 Ｃ Ｓ规 Ｓ 范进行 界面 的绘制。在此过程Ｉ ， 『 ｛ 所彳 与服务端 】 的通 汛都被集 中提交给 Ｘ Ｈｔ Ｒ ｑ ｅｔ ｍｌ ｔ ｅ ｕｓ 对象处 ｐ 理， 陔对象支持异步请求 ， 从而实现 了向服务器 提出请求并处理响应 的同时 ，并不阻塞用户 ， 用 户从感觉上几乎所有的操作都会很快响应没有 页面刷新（ 白屏） 的等待 。传统 Ｗｅ ｂ应用模型与 Ａａ ｂ应 用模 型 的区 别 如 图 ｌ 示 。 ｊ Ｗｅ ｘ 所 ３Ａ ａ 技 术 在 动 态 Ｗｅ ｊｘ ｂ系统 中的 应 用 Ａ 的出现 有代替 传统 Ｗｅ ｊ ｂ开 发 中采用 Ｆｒ 表单１ ｏｍ（ 递交方式更新 Ｗｅ ｂ页面的趋势 ， 以 可 算是 一 个里程碑。虽然 Ａａ 并 不是适用 于所有 ｊｘ 场合 ，但是它 的特性使得 Ａａ ｊｘ特别适用 于需要 即时交互 响应 ， 大量 、 频繁地 与服务器通讯ｊ 传 ｔ 输数据的情况 ， 比如 Ｗｅ Ｇ Ｓ系统地 图的动态更 ｂＩ 新 、／ 式 Ｔ 业 监 控 系 统 的 实 时 监 控 、 天 室 、 ＢＳ模 聊 动态 曲线绘制等场景 ，优丁现在 定时轮询服 务端的策略， 大大节省服务端的资源。 本文 以一个 ＢＳ结构的动态血压监 护仪的 ／ 客户端开发为例 ，给出基于 Ａａ 实时绘制动态 ｊ ｘ 『 曲线的页面 ｌ ｅｓ 【 】 ＿ 【 ｉ ．ｐ的关键代码 ，用以说明 ｎｊ 利 用 Ａａ 实 现实 时 交 互 的 主要 流 程 ： ｊｓ ｋ ３１创 建 一 个 跨 浏 览 器 的 ＸＭＬ ｔＲ ｑ ｅｔ ． Ｈｔ ｅ ｕｓ ｐ 埘象实例
B／S架构WEB程序中AJAX异步传输技术的应用研究
基于 ＷＥ Ｂ的应用程序越来越多地采用 Ｂ ／ Ｓ 架构 ， 提高 了程序开发效率 ， 降低 了维护成本 。但是 ， Ｃ ／ Ｓ时
Ｊ ａ ｖ ａ Ｓ ｃ ｒ ｉ ｐ ｔ 可 在 不 重 载 页 面 的情 况 与 Ｗｅ ｂ服 务 器 交 换
数据。 Ａ Ｊ Ａ Ｘ应用可以仅 向服务器发送并取 回必需的数 据， 它使用 Ｓ Ｏ Ａ Ｐ或其它一些基于 Ｘ Ｍ Ｌ的 ＷＥ Ｂ Ｓ Ｅ Ｒ — Ｖ Ｉ Ｃ Ｅ接 口，并在客户端采用 Ｊ ａ ｖ ａ Ｓ ｃ ｒ ｉ ｐ ｔ 处理来 自服务
ｐｒ ｏｇ ｒ ａ ｍｓ ｉ ｓ ｐａ ｇ ｅ ｒ ｅ ｑ ｕｅ ｓ ｔ ． Ｔｈｅ ｃ ｏｍ ｐ ｌ ｅ ｔ ｅ ｐａ ｇｅ ｒ ｅ ｆ ｒ ｅ ｓ ｈ ｐｒ ｏ ｃ ｅ ｓ ｓ ｒ ｅ ｄ ｕｃ ｅ ｓ ｔ ｈ ｅ ｅ ｆｅ ｃ ｔ ｓ ｏｆ ｕｓ ｅ ｒ ｓ ’ｅ ｘｐｅ ｉｅ ｒ ｎｃ ｅ ，ｉ ｎｃ ｒ ｅ ａ ｓ ｅ ｓ ｔ ｈ ｅ ｐｒ ｅ ｓ ｓ ｕｒ ｅ
Ｂａ ｓ ｅ ｄ ｏ ｎ Ｂ／ Ｓ Ａｒ ｃ ｈｉ ｔ ｅ ｃ ｔ ｕ ｒ ｅ Ｍｏ ｄ ｅ ｌ
ＧＵＯ Ｚｈａ ｏ—ｈ ａ ｎ ｇ
（ Ｊ ｉ ａ ｎ ｇ ｓ ｕ Ｆ ｏ ｏ ｄ＆ Ｐ ｈ ａ ｒ ｍａ ｃ ｅ ｕ ｔ ｉ ｃ ａ ｌ Ｓ ｃ ｉ ｅ ｎ ｃ ｅ Ｃｏ ｌ ｌ ｅ ｇ ｅ ， Ｈｕ ａ ｉ ａ ｎ ２ ２ ３ ０ ０ ３ ， Ｃ ｈ ｉ ｎ ａ ）
ｏ ｆ ｓ ｅ ｒ ｖ ｅ ｓ ｒ ａ ｎ ｄ ｓ ｌ ｏ ｗｓ ｄ ｏ ｗ ｎ ｔ ｈ ｅ ｓ ｐ ｅ ｅ ｄ ｏ ｆ ｐ ｒ ｏ ｇ ｒ ａ ｍ ｒ ｅ ｓ ｐ ｏ ｎ ｓ ｅ ． Ｔ ｈ ｅ ｒ ｅ ｌ ａ ｉ ｚ ａ ｔ ｉ ｏ ｎ ｏ ｆ ｐ ａ ｒ ｔ ｐ ａ ｇ ｅ ｒ ｅ ｒ ｆ ｅ ｓ ｈ ｗｉ ｔ ｈ ａ ｐ ｐ ｌ ｉ ｃ ａ ｔ ｉ ｏ ｎ ｏ ｆ Ａ Ｊ Ａ Ｘ
异步加载的原理
异步加载的原理
异步加载的原理是通过将页面的不同部分划分为不同的任务，然后并行或顺序地加载这些任务，以提高页面加载的效率。
一般来说，异步加载可以通过以下几种方式来实现：
1. 异步脚本加载：将脚本标记为异步加载，使其在页面加载过程中独立执行，不阻塞页面的加载。
可以使用`<script async>`
标签来标记异步加载的脚本。
2. 延迟脚本加载：将脚本标记为延迟加载，使其在页面加载完成后执行，不阻塞页面的渲染。
可以使用`<script defer>`标签
来标记延迟加载的脚本。
3. AJAX技术：使用XMLHttpRequest对象或fetch API等技术，在页面加载后通过异步请求获取数据并动态更新页面的内容，实现无需刷新整个页面即可异步加载数据。
4. Web Worker：将一些复杂的计算或任务放在Web Worker中
进行，使其在后台独立执行，不阻塞页面的渲染和交互。
通过将页面的加载和渲染过程分解为多个小任务，并通过异步加载的方式执行这些任务，可以提高页面的加载速度和用户的体验。
基于AJAX的异步Web开发模式
基于ＡＪＡＸ的异步Ｗｅｂ开发模式作者：赵定远来源：《现代电子技术》2008年第10期摘要：随着Web应用开发的不断深入和普及，基于互联网的应用程序越来越多，现有网络应用程序中的请求-处理-等待模式越来越不适应用户需求，页面重载成为Web开发应用中最大的可用性障碍。
AJAX设计模式的出现，实现了平滑滚屏互联网应用。
在这种模式下，各种Web应用程序互相配合，能使网站无缝运作。
提出利用AJAX异步机制实现Web应用程序开发，Web页面不用打断交互流程进行重新加载就可以动态更新。
使用AJAX，可以创建接近本地桌面应用的、直接的、高可用的、更丰富的、动态的Web用户接口界面，极大地改善了Web应用的可用性和用户的交互体验。
关键词：AJAX；JavaScript；XMLHttpRequest；DOM；中图分类号：TP393 文献标识码：B文章编号：1004-373X(2008)10-079-Abstract：Along with the depth and popularization of Web application development,more and more applications based on internet appeared.But request-process-wait mode in current Web application is unbearable to customers.Page reloading becomes the handicap to usability.Now the appearance of AJAX design mode brings many new function-smooth screen scrolling in Web application.By using this design mode,different Web application cooperate with each other,making webs running flawless,like computer program running in personal computer.This article is mainly about development web application based on AJAX asynchronous mode.By using AJAX,pages can be reloaded to update dynamically without interruption,also can createimmediate,useful,abundant,dynamic Web UI,it greatly improves availability of Web and interactiveKeywords：AJAX；JavaScript；XMLHttpRequest；DOM；1 引言AJAX是异步JavaScript和XML单词的缩写为Asynchronous JavaScript and XML。
基于Ajax的Web应用的研究
富 友 好 的用 户 界 面 。Ａａ 工 作原 理如 图 Ｊ ｖ Ｓ ｒ ｔ 作 Ｄ Ｍ 来 改 变 和 刷 新 用 户 的 ｊ ｘ的 ａ ａ ｃｉ 操 ｐ Ｏ 言 通 过 Ｄ Ｍ 才 可 以跟 页 面 进 行交 互 。 ｂ Ｏ Ｗｅ
一
２ 中首 次 引人 。它 是 一 种 支 持 异 步 请 求 的 技 ＪｖＳｒ ｔｃ ｓ层 叠 样 式 表 ）Ｄ Ｍ（ 档 对 ２． Ｄ０Ｍ ａａｃｉ 、ｓ （ ｐ 、Ｏ 文
术 。Ａａ 可 以通 过 调 用 Ｘ Ｈ ｔＲ ｑ ｅｔ ｊ ｘ ｍｌｔ ｅｕｓ 实 象 模 型） Ｘ Ｈ ｔＲ ｑ ｅｔ 象 四种 技 术 ｐ 和 ＭＬ ｔ ｅ ｕｓ 对 ｐ
图 ２显 示 了 这 些 技 术 在 Ａａ 中 如 何 ｊ ｘ
Ａａ ｊｘ引擎 是一 组 ＪｖＳ ｒ ｔ ａａ ｃｉ 应用程序 ， ｐ 用来 配 合工 作 的 。
Ｊｖ Ｓ ｒｐ ａ ａ ｃｉｔ一 直 被 定 位 为 客 户 端 的 脚
ｉ ｔＭｏｅ 进 行 动 态 显 示 和 交 互 ； 使 用 处 理 用 户请 求 然 后根 据需 要 动态 读 写服 务 ２１ Ｊ ｖ Ｓ ｒｐ ｅ ｄｌ ｃ ． ａ ａ ｃ ｉｔ
际上 ，它 由几 种蓬 勃 发 展 的技 术 以新 的强 器 处 理 ． 只有 确 定需 要从 服 务 器读 取新 数 器 进行 异 步 通 信 。
大方 式 组 合 而成 。Ａａ 包 含 ： 于 Ｘ Ｔ 据 是 在 由 Ａａ 引 擎 代 为 向 服 务 器 请 求 。 ｊｘ 基 Ｈ ＭＬ ｊ ｘ 和 Ｃ Ｓ标 准 的 表 示 ；使 用 Ｄ ｃ ｍ ｎ Ｏ — Ｓ ｏｕ ｅｔ ｂ
现与 服 务器 的异 步 通 讯 ，使 用 户 操 作 与 服 的集 合 。 务 器 响应 异 步 化 ，并 最 终 在 网 页 上 实 现 丰
AJAX技术在WEB系统中的应用
ＳＯ ＴＮＧ２ Ｎ ｛ ＣＥ Ｅ０Ｙ ． Ｉ ＆ＣＬ １ＯＩ Ｅ Ｈ０ ０ ．ｊ Ｎ 。。圆 ０ ０４
ＡＪ ＡＸ技术在 Ｗ Ｂ系统 中的应 用 ห้องสมุดไป่ตู้Ｅ
李 致 群 （ 津市信息 中心 天津 ３ ０ ２ ） 天 ０ ２ １ 摘 要 ： Ｊ Ｘ 建立在Ｊ ｖ Ｓ ｒ ｔ Ｍ 技术之 上 的一 门综合 性技 术 ， 工作 原理实现 对 网络 信息 传递的异 步交 互过 程 。 Ｅ ＡＡ 是 ａ ａ ｃｉ 和Ｘ Ｌ ｐ 其 在Ｗ Ｂ系统 中， Ａ Ａ ， 术 具有传 统技术 无法 比拟 的优点 。 ＪＸｔ ｔ ． 本文 以ｂｏ 中的用 户调查投 票 系统作 为程 序 的实例 ， 绍 了Ａ Ａ 技术 在Ｗ Ｂ系统 中的应 用。 ｌ ｇ 介 ＪＸ Ｅ 关键词 ： Ｊ Ｘ Ｅ 应 用 ＡＡＷ Ｂ 中 图分 类 号 ： Ｐ Ｔ ３ 文献 标 识 码 ： Ａ 文 章编 号 ： ６ ２ ７ １ｇ １ ） ２ ａ一Ｏ １ —０ １ ７ －３ ９ （ ｏ ０ （） ０ ７ １ Ｏ
加 载 ＡＪ ＡＸ 引 擎 。 个 Ａ Ｊ 这 ＡＸ的 引 擎 用
一
ｆｒａｈ ｓ ｉｇ ｉ ｍ ｉ ｔ ）／ ｏｅｃ （ ｒｎ ｔ ｎ ｉ ｍｓ／ 投票 ｔ ｅ ｅ
记 数
依 据 网站 建设 的 总 体 目标 和 应 用 功 能
｛
Ｘｍｌ ｏ ｅ ｎ （ ｍｌ ｌｍｅ ｔ ｏ ｔ Ｎ ｄ Ｘ ＝ （ Ｘ Ｅｅ ｎ ） ｏ ． ｒ Ｃ ｉ Ｎｏ ｅ［ ｏ ｖ ｒ． ｏｎ ３ （ ｅ ］． ｈｌ ｄ ｓ ｎ ｅ ｔ Ｔ Ｉ ｔ２ｉ ｍ） ｄ Ｃ ｔ ）
ｗｅ ｌｇ简称 Ｂｏ ） ｂ ｂｏ （ ｌｇ是Ｗ Ｅ ２０ Ｂ ．应用 的
体 来 说 ， 是ＡＪ 就 ＡＸ技 术 在程 序 用 户 和 数据 代 表 。 火如 荼 的 Ｂ ｏ 为 互 联 网时 代 人们 如 ｌｇ， 从 而 避 免 了 以 往在 数据 信 处 理 过 程 中 的处 大 量 的 Ｂ ｏ 用 户 ， 够有 一 个 动 态 的 影 响 ， ｌｇ 能 理 与 等 待 的 无 谓 过 程 ， 大 提 高 了 数 据 处 并迅 速 作 出反 应 ， ｌｇ 吸 引更 多的 用 户使 大 Ｂｏ 会
AJAX异步数据通讯机制在Web程序中的应用
收 稿 日期 ：０ ６ ０— １ ２ｏ～ ３ ４
作者简介 ： 连黎明（ ９ ２ ）男 ， １８ 一 ． 福建晋江人 ， 硕生士 ． 从事企业信息化 、 电子商务研究．
维普资讯
３ ０
泉州师范学院学报（ 自然科学）
２０ ０６年 １ 月 １
Ｘ ＨＴＭＬ和 Ｃ Ｓ （ ） 于结 构 化地处 理 ＨＴＭＬ和 ＸＭＬ文档 的 ＤＯＭ， Ｄ ｃｍｅ ｔＯ ｊｃ Ｓ ２用 即 ｏ ｕ ｎ ｂｅｔ
维普资讯
第 ２ 卷第 ６ ４ 期
２０ ０６年 １ 月 １
泉州师 范学院学报（ 自然科学）
Ｊｕｎｌ ｆ ｕｎｈ ｕＮｏｍａ Ｕ ｉｅｓｙＮａ ｒｌ ｃ ｎｅ ｏｒａ ｏ Ｑ ａｚｏ ｒ ｌ ｎｖｒ ｔ（ ｔ ａ Ｓ ｉ ｃ） ｉ ｕ ｅ
Ｖ １ ４ ｏ６ ｏ． Ｎ ． ２
Ｎ ｖ２０ ｏ．０ ６
ＡＡ Ｊ Ｘ异步数据通讯机制在 Ｗｅ ｂ程序中的应用
连 黎 明 ， 阳钟 辉 欧
（ ． 门大 学 软 件 学 院 ， 建 厦 门 １厦 福 ３ １ ０ ； ． 州 师 范 学 院 陈守 仁工 商信 息 学 院 ， 建 泉 州 ３ ２０ ） ６０５２泉 福 ６ ０ ０
数据 通讯机 制应 用到 Ｗｅ ｂ程序 开发 中 ， 说 明了 目前 其在 应用 中存 在 的局 限性 ． 并
１ Ａ ＡＸ 的基 本 概 念 及 其 与 传 统 Ｗ ｅ 技 术 的 比较 Ｊ ｂ
１ １ Ａ ＡＸ的基 本概 念 ． Ｊ
Ａ ＡＸ其 本 身并不是 某 一 种 技 术 的名 称 ， Ｊ 而是 将 多项 现有 技 术 应 用 在 一 起 的 一 种 构建 Ｗｅ ｂ应用程 序 的新 方法 ． 本身所 包含 的 现有 技术 范 畴包 括 ： １ 标 准 的 Ｗｅ 现 技 术包 括 其 （） ｂ展
Ajax技术与传统Web应用的比较
中图 分 类 号 ：Ｐ ９ ．１ Ｔ ３３０ 文 献 标 识码 ： Ｂ 文 章 编 号 ：０９ ５２２ １）１ １８ ３ １０ —２５ （０００ —００ —０
Ａａ 技 术 与传 统 Ｗｅ 用 的 比较 ｊｘ ｂ应
孙启 良
（ 济南大学理学 院，济南 ２０２ ） ５０２
Ｃ ｍｐ ｒｓｎ ｂ ｔ ｅｎＡ ａ ｃ ｎ ｌｇ ｎ ｏ ａ ｉ ｅｗ ｅ ｊｘｔ ｈ ｏｏ ｙａ ｄ ｏ ｅ
ｔ ａ ｉ ｏ ａ ｅ ｐ ｌ ａ ｉ ｎ ｒ ｄ ｔ ｎ ｌＷ ｂ ａ ｐ ｉ ｔｏ ｓ ｉ ｃ
Ｓ Ｎ ０．ａ￣ Ｕ ｉ ｉｎ １
（ｄｏｌ ｆ ｃ ｎｅＪ ａ ｎｖｒｉ ，ｉ Ｓ ｌ Ｓｉ ｃ ，＇ ｎＵ ｉｅ ｔ Ｊ ｏｏ ｅ ｍ ｓｙ ｍ ５ ０２ Ｃ ｉａ ２０２ ， ｈｎ ）
ｓ ｕ ｅ ｃ ｄ ｓｇｖ ｎ． ｏ ｒ ｏ ｅ ｉ ｉｅ ｃ
Ｋ ｙｗ ｒｓ Ｔ Ｌ ｊａ ；ＪＰ ａａｃｉ ｅ ｏｄ ：Ｈ Ｍ ；Ａｘ Ｓ ；Ｊｖ ｒ ｔ Ｓ ｐ
０ 引言 ቤተ መጻሕፍቲ ባይዱ
ｊｘ Ａａ 即异 步 ＪｖＳ ｒ ｔ Ｘ Ｌ 是 Ｗｅ２ ０中的 ａａｃ ｐ 和 Ｍ ， ｉ ｂ．
一
１ Ａａ ｊｘ的工 作原 理
的交互都需要向服务器发送请 求， 应用的响应时间 就依 赖于 服务器 的响应 时间 。这 导致 了用户 界面 的 响应 比本地 应用 慢 得 多 。如 果 严重 超过 响 应 时 间 ，
服 务器干脆 告诉 用户 页面不可用 。另外 ， 些时候 ， 某 如果 只是想 改 变页 面一 小部 分 的数 据 ， 么如何 不 那 必 重新加 载整个 责 面 ， 少用 户 等待 的时 间是 亟待 减
Ａ ｓ ａｔ ｊａ ｃｎｌ ｙｉ ａｔｍ ｎ ｏｓｉｐｏｅ ｅｔｏ ｔｅｂ ｗ ｅ ｄｓｒ ｒＩ ｉ ａ ｏａ ｐｒｎ ｂｔ ｃ：Ａｘ ｔ ｈ ｏ ｇ ｅ ｅｄｕ ｒ ｍ ｎ ｆ ｈ ｒ ｓｒａ ｅｖ ．ｔ ｓ ｌ ｎ ｉ ｏｔ ｔ ｒ ｅ ｏ ｓ ｒ ｍ ｖ ｏ ｎ ｅ ｓ ｍ ａ
浅析Ajax技术在Web开发中的应用
信息技术Chi 硪丽ZUIU NU ．／C h i n a N ewT e e h n o l o g i ：瞄圆团圈汪汪ii _P8M d P ⅫIucI “■嵋誓—‘山‘誓●i ■I ■-工■浅析．A j ax ”技术在W eb 开发巾的应用杜阳(青岛科技大学，山东青岛266042)摘要：A S P ．ne t A j ax 实现了W eb 页面丰富的部分刷新效果。
本文通过介绍A S P ．net A j ax 原理。
总结了在W eb 开发应用中要注意的若干问题。
合理地利用A S P ．ne t A j ax 技术，W eb 开发数据库应用就能获得更好的交互效果。
关键词：A j a x 介绍；W e b 开发1引言当前，W eb 技术的不断发展使得B ／S 得以广泛地应用。
但W eb 传统的开发技术使得网页的交互性能大打折扣。
随着A j 盯技术的兴起。
W eb 开发技术超越了传统的开发模式．发生了质的飞跃。
而微软公司推出的A SP ．net A j ax 框架与A SP ．net 的结合，使得W eb 的开发方式在．net 环境下更加简单易用，页面交互性能也得到很大提高。
2A 泌相关介绍2．1A J 缸引擎的原理A j a)【(A sy nchr onous J avaS cr i pt a nd X M L)是现有多种技术的综合，包括J avaS cr i pt 、X H TM L 、C S S 、D O M 、X M L 、X ST L 和X M L —H t t pR eques t 。
A j ax 使用X H T M L 和C s S 标准化呈现数据，使用D O M 实现动态显示和交互数据，使用X M L 和X ST L 进行数据交换与处理，使用X M LH t t pR equest 对象进行异步数据读取，使用Java ．Scr i pt 绑定和处理所有数据11I 。
A J 麟为交互操作较多、数据读写频繁和数据分类良好的w eb 应用提供了一个很好的解决方案。
接口请求时间太长,前端做异步处理
接口请求时间太长,前端做异步处理
当我们在进行接口请求时，有时候会发现请求的时间过长，导致页面无法正常响应。
这时候我们可以考虑在前端进行异步处理，以提高页面响应速度。
具体来说，我们可以通过以下几种方式实现异步处理：
1. 使用 JavaScript 的 Promise 对象来处理异步请求，以保证请求的成功和失败都能够被处理。
2. 使用 AJAX 技术发送异步请求，以保证页面不会因为请求阻塞而无法响应。
3. 使用 Websocket 技术来进行实时数据传输，以保证页面能够实时更新数据。
无论采用哪种方式，我们都需要根据实际情况来选择合适的方法，并且需要注意对异步请求的处理结果进行正确的处理，以保证页面的正常运行。
- 1 -。
前端开发中的数据交互与异步加载技术
前端开发中的数据交互与异步加载技术随着互联网的迅猛发展，前端开发在网页设计中扮演着越来越重要的角色。
在现代网页中，数据交互和异步加载技术成为了前端开发的关键。
本文将探讨前端开发中的数据交互与异步加载技术，以及它们在实际应用中的作用。
一、数据交互的重要性在过去，网页通常只是静态的展示信息，用户只能通过点击链接跳转到其他页面获取更多信息。
然而，现代网页需要更多的交互性，用户希望能够与网页进行实时的数据交互。
比如，在一个电子商务网站上，用户可以通过搜索框实时搜索商品，添加商品到购物车，即时查看购物车中的商品数量等。
这些功能的实现离不开数据交互技术。
数据交互技术可以使网页实现与服务器之间的实时通信，将用户的请求发送到服务器，并将服务器返回的数据展示在网页上。
在前端开发中，常用的数据交互技术包括 AJAX、WebSocket 等。
二、异步加载技术的应用在传统的网页加载方式中，当用户打开一个网页时，浏览器会按照从上到下的顺序加载网页中的各个元素，包括 HTML、CSS、JavaScript 等。
这种加载方式会导致用户在等待页面加载完毕时出现白屏或者长时间的加载等待。
为了提高网页的加载速度和用户体验，前端开发引入了异步加载技术。
异步加载技术可以使网页在加载过程中不阻塞用户的操作，提高网页的响应速度。
常见的异步加载技术包括延迟加载、按需加载和预加载等。
延迟加载是指将某些不重要或不立即需要的内容在页面加载完毕后再进行加载，比如图片懒加载、视频懒加载等。
按需加载是指根据用户的操作，动态加载需要的内容，比如点击加载更多的评论、展开折叠的内容等。
预加载是指在用户需要之前提前加载可能需要的资源，以提高用户的体验，比如提前加载下一页的内容、预加载图片等。
三、数据交互与异步加载的实践数据交互与异步加载技术在实际的前端开发中有广泛的应用。
以一个电商网站为例，当用户在搜索框中输入关键词时，前端会通过 AJAX 技术将用户的请求发送到服务器，并根据服务器返回的数据实时更新搜索结果。
使用WebAssembly提升前端应用性能的技巧和案例分析
使用WebAssembly提升前端应用性能的技巧和案例分析WebAssembly（简称Wasm）是一种用于在现代Web浏览器中运行高性能计算密集型应用程序的二进制指令格式。
它可以大大提高前端应用的性能，并且在许多领域都有着广泛的应用。
本文将介绍使用WebAssembly提升前端应用性能的一些技巧和案例分析。
首先，使用WebAssembly可以将一些计算密集型任务从前端移至后端，减轻前端的负担。
在前端代码中，将这些任务转为WebAssembly模块，并在浏览器中执行，可以显著提高计算性能。
例如，图像处理和音频处理等任务可以使用WebAssembly加速，从而提升前端应用的响应速度和实时性。
其次，WebAssembly可以将现有的C/C++等语言的库或框架直接移植到前端环境中，以提供更高效和强大的功能。
通过编译这些库为WebAssembly模块，前端应用可以直接调用其功能，而无需使用JavaScript等相对较慢的语言进行包装和调用。
这为前端开发者带来了更多的选择和灵活性，使得他们可以更好地应对复杂的业务需求。
除了提升性能，WebAssembly还有助于保护前端应用的知识产权和源代码。
将核心算法和逻辑以WebAssembly的形式发布，可以有效地隐藏代码细节，防止他人进行破解和逆向工程。
这在一些商业领域或对于敏感数据的前端应用中尤为重要，因为WebAssembly可以在一定程度上保护知识产权和数据安全。
下面我们来看几个具体的案例分析，展示WebAssembly在不同领域的应用和效果。
案例一：图像编辑器一个图像编辑器的前端应用通常需要进行大量的图像处理操作，例如滤镜效果、调色和图像变换等。
使用WebAssembly可以将这些操作移至浏览器中执行，减少后端服务器的负担和前端应用的加载时间。
同时，由于WebAssembly的高性能，用户可以在实时预览中立即看到修改后的效果，提供更好的交互体验。
案例二：音频处理器一个音频处理器的前端应用可能需要对大量的音频数据进行实时处理，例如降噪、混响和均衡等。
前端开发中的网络请求优化方法
前端开发中的网络请求优化方法在当今的Web应用程序开发中，网络请求是至关重要的环节。
当用户与应用程序交互时，准确、高效的网络请求可以提供更好的用户体验。
因此，前端开发人员需要掌握网络请求优化的方法，以提高应用程序的性能和响应速度。
本文将介绍一些前端开发中的网络请求优化方法。
1.减少请求次数在优化网络请求之前，我们首先需要考虑的是如何减少请求的次数。
减少请求次数的方法包括：1.1 合并文件：将多个CSS或JavaScript文件合并为一个文件减少请求次数，可以通过使用构建工具或者服务器端技术来实现文件合并。
1.2 图片精灵：将多个小图标合并到一张大图中，通过CSS中的背景定位来实现不同图标的展示，减少图片的请求次数。
1.3 使用字体图标：使用字体图标代替图片图标，减少图片请求，提高页面加载速度。
2.压缩文件文件压缩是一种常见的网络请求优化方法。
在传输过程中，压缩文件可以大大减少文件的大小，提高传输效率。
常见的文件压缩方法有：2.1 Gzip压缩：在服务器端启用Gzip压缩功能，可以将文本文件（如HTML、CSS、JavaScript）压缩为较小的文件，客户端在接收到文件后再进行解压缩。
2.2 图片压缩：通过使用图片压缩工具，将图片文件的大小减小，从而减少网络请求的传输时间。
3.使用缓存使用缓存是一种有效的网络请求优化方法。
通过将服务器返回的数据缓存在客户端，可以减少对服务器的请求，提高页面的加载速度。
常见的缓存方法有：3.1 HTTP缓存：将服务器返回的响应标记为可缓存，客户端在接收到响应后可以将数据缓存起来，下次请求时直接从缓存中获取数据。
3.2 localStorage：使用浏览器提供的localStorage功能，将数据存储在客户端，下次请求时直接从localStorage中获取数据。
4.异步请求在前端开发中，使用异步请求可以提高页面的响应速度。
常见的异步请求方法包括：4.1 AJAX：使用JavaScript中的AJAX技术进行异步请求，可以在客户端与服务器进行数据交互，实现页面数据的更新而无需刷新整个页面。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Ｉ ｒｖｎ ｃｅｃ ｆ ｂａ ｐｉａｉｎｂ ｓｄｏ ｊｘ ｍｐｏ ｉｇ ｆ ｉｎｙｏ Ｗｅ ｐ ｌ ｔ ａｅ ｎ ａ ｅ ｉ ｃ ｏ Ａ
Ａａ ｎｄ Ｗｅ ｐｉ ｔ ｎ ａｅ ｏ Ａ ａ． ｊｘａ ｂａ ｌａｉ ｂ ｓｄ ｎ ｊｘ ａ ｐ ｃ ｏ
Ｋｅ ｒｓ Ａ ａ ； ＭＬ Ｘ Ｈ ｔ ｅ ｕ ｓ ｏ ｊｃ Ｊｖ Ｓ ｒ ｔｕ ｄ ｔ ｇ ｂ ｖ ｗｏ ｄ ： ｊｘ Ｘ ； ＭＬ ｔ Ｒ ｑ ｅｔ ｂｅｔ ａ ａ ｃｉ ； ｐ ａ ｎ ｐ ； ｐ ｉ Ｗｅ
难题 。
Ａａ ｊｘ的出现较 好地解 决 了这 个难题 。Ａ ａ ｊｘ的核 心是 Ｊｖ Ｓ ｒ ｔ 象 Ｘ ａ ａ ｃｉ 对 ｐ ＭＬ ｔＲ ｑ ｅｔ Ｈｔ ｅ ｕ ｓ，它是 一种 支 ｐ
持异步 请求 的技 术 ，可以使用 Ｊｖ Ｓ ｒ ｔ ａ ａ ｃｉ 代码 向服务 ｐ 器 发 出请 求 并 相 应 处 理 ，而 不 阻 塞 用 户 ，提 高 了 出了支 持 远程 数 据库 访 问 的 Ｗ ｅ ｂ应 用 系统 。
Ａ ｂ ｔａｃ ： ｅ ｐｐ ｉａｉ ｓｈ ｄ ｓ ｍ ｅｗｅ ｋ ｅ ｓ ｓｉ ｒ ｓ ｉ ｉｇ ｔ ｍ ． ｅｓｃ ｕ ｄｄｏｎ ｈｉｇ ｗｈ ｌ ｅ ｖ ｒｄｉｐｏ ｅ ｓ ｒ ｔ Ｗ ｂ ａ ｌｃ ｔｏｎ ａ ｏ ａ ｎ ｓ ｅ ｎｔａ ｍ ｔ ｎ ｄａｕ Ｕｓ ｒ ｏ ｌ ｏｔ ｎ ｉｅｔ ｓ ｒ ｅ ｓ ｓ ｄ ｎ ｔ ｈｅ ｄ ｔｍ ． ａ ｗａ ｕ ｈ ａｔｃ ｎｉｕｅｔ ａ ｔｃ ｄ ｒ ｉ ｈ ｆ ｃｉｎｃ ｆＷ ｅ ｐ ｉａｉ ｎ．ｔｗａ ｎ ｒ ｄ ｅ ｔ ｅｐｒｎ ｉ ｌ ａｕ ｘ ｓｓ ｃ ｅ ｈ ｑ ｈ ｔｉ ｏｕｌ ｐ ｏｖｄｅｔｅｅ ｉ ｅ ｙ ｏ ｂ ａ ｐｌ ｔｏ Ｉ ｓｉｔｏ ｕｃ ｄ ｉｃ ｐｅｏｆ ｃ ｈ
图 １ Ａｊｘ的 ４个 主要 组 件 ａ
Ｗｅ ｂ应用程序 的交互 性 。本文正 是基于 Ａ ａ ｊｘ技术提 取数 据 。它 最大 的用 处是 可 以动 态地 更新 网页的 部 分 内容而 不 需要 刷新 整 个 页面 ； （ ）ＣＳ ：层叠样式 表 ，在 Ａ ａ 用 中 ，用 户 ２ Ｓ ｊｘ应
采 用 Ｂ
用 户进 入 提 交 、 等 待 、重 新 显 示 交互 结 果 的过 程 ，
用 户 在 等 待 服 务 器 处 理 ＨＴＴ Ｐ请 求 时 ， 页面 处 于
等 待 的 状 态 ，这 是 困 扰 大 多教 软 件 开 发 商 的 技 术
维普资讯
第 卷５ １ 第期 ６
文章编 ：１ ０ —４ １（ ０ ７ ５ ０ ４ —３ ０ ５８ ５ ２ ０ ）０ —０ ９０
鄹 熙
网技 络术
ＡＡ Ｊ Ｘ异步提 高 Ｗｅ 应用效率 ｂ
孟 莹 ，杜 林 春 ，楼 新 远
６０３） １０ １ （ 西南 交通 大学 信 息科 学－ 术学院， 成都 ｂ技 摘 要 ： 统的 ｗｅ 枝术 的弱点是 用户在 向远 程服 务器提 交请 求直 到请求返 回到客户端 的时 间内必 须 传 ｂ 处 于等待状 态，降低 Ｗｅ 用的效率 。 ｊｘ 术的 出现 有效 的克服 这个 缺点 。 绍 Ａ ａ ｂ应 Ａａ技 介 ｊｘ的基 本原理及 其子 技术 ，并通过一 个人 才管理 系统具体 实践 Ａ ａ 技 术。 ｊｘ
Ｍ ＥＮ Ｇ ｎ ， Ｙｉｇ ＤＵ ｎ—ｈ ｎ， Ｌｉ ｃ ｕ ＬＯＵ ｎ ｙ ａ Ｘｉ— ｕ ｎ
（ ｃ ｏ ｌ ｆｎ ｏｍａ ｏ ｃ ｎ ｅ ｎ ｅ ｈ ｏ ｇ ， ｏ ｔｗｅｔ ｉ ｔｎ ｎｖ ｒ ｔ Ｃ ｅ ｇ ｕ ６ ３ ，ｈｎ ） Ｓ ｈ ｏ ｆｒ ｔ ｎＳ ｉ ｃ ｄＴ ｃ ｎ ｌ ｙ Ｓ ｕｈ ｓＪ ｏｏ ｇＵ ｉ ｓｙ ｈ ｎ ｄ ０ Ｃ ｉ ｏＩ ｉ ｅ ａ ｏ ａ ｅ ｉ， １ ｌ ０ ａ
界面 的样 式 可以通 过 Ｃ Ｓ独 立修 改 ； Ｓ
１ Ａ ａ 技 术 ｊｘ
１１ Ａ ａ 的组 成 ． ｊｘ
（ ）ＤＯＭ ：文档对 象模 型 ，是 以一组 可以使 用 ３
Ｊ ｖ Ｓ ｒｐ 操作 的 可编程 对 象展现 出 Ｗｅ ａ ａ ｃｉｔ ｂ页 面的结 Ａａ ｊｘ是 Ａｓｎ ｈｏ ｏ ｓ ａ ａ ｃｉｔ ｎ ｙ ｃ ｒｎ ｕ ｖ Ｓ ｒ ｄＸＭＬ的缩 构 。通过使 用 Ｊｖ Ｓ ｒ ｔ 本修 改 Ｄ Ｍ ，Ａ ａ 用 Ｊ ｐａ ａ ａ ｃｉ 脚 ｐ Ｏ ｊｘ应 写 ，即 “ 异步的 Ｊｖ Ｓ ｒ ｔ Ｘ ａ ａ ｃｉ 和 ＭＬ处理”或 “ 同步 程 序 可以在 运 行时 改变 用 户界面 ，或者 高 效地 重绘 ｐ 非 Ｊｖ Ｓ ｒ ｔ Ｘ ａ ａ ｃｉ 及 ＭＬ技术 ” ｊｘ的组成如 图 ｌ ｐ 。Ａ ａ 所示【。 Ａａ ｊｘ是 几项 技术 按 照一 定 的方式 组 合在 一起 的
Ａ ａ 应用 的各部分集 成在一起 。 Ａ ａ Ｊｖ Ｓ ｒ ｔ ｊｘ 在 ｊｘ中 ａ ａ ｃｉ ｐ
主 要被 用 来 传递用 户 界面上 的 数据 到服 务端 并返 回 的任务 ：ａ获 取表单数 据 ：Ｊｖ Ｓ ｒ ｔ ． ａ ａ ｃｉ 代码 从 Ｈ ＭＬ ｐ Ｔ 表 单 中抽 取 数 据 并 发送 到 服 务 器 ；ｂ 修 改 表 单 数 ．
一
页 面 中的某 个 部 分 ； （ ）Ｊｖ Ｓ ｒ ｔ ａ ａ ｃ ｉｔ ４ ａ ａ ｃｉ ：Ｊｖ Ｓ ｒ 是一种 粘 合剂 ，使 ｐ ｐ
种 协作 方式 。Ａ ａ ｊｘ涵盖 ：
（） １ ＸＭＬ ｔ Ｒｅｕ ｓ： Ｍ Ｌ ｔ Ｒ ｑ ｅｔ 象 允 Ｈ ｔ ｑ ｅｔ Ｘ ｐ Ｈ ｔ ｅ ｕ ｓ对 ｐ