当前位置：文档之家 › XML数据岛结合AJAX实现Web的异步刷新

XML数据岛结合AJAX实现Web的异步刷新

  • 格式：pdf
  • 大小：213.78 KB
  • 文档页数：3

麻 烦 。修 改 数 据 岛 中 的数 据 ， 面 上 与 之 绑 定 的 Ｈ ＭＬ元 素 页 Ｔ
的值 也 随 之 改 变 。
面 从 Ｉｔｒｅ 获 取 信 息 ＿ 访 问 的 动态 页 面信 息 需 要 对数 据库 ｎｅ ｔ ｎ ｌ ｊ 。 进 行 更 新 或 查 询 。 统 的 Ｂｓ模 式 的 Ｗ ｅ 传 ， ｂ系统 存 在 一 定 的 不 足 ： 是 数 据 的 显示 内 容 与 形 式 没 有 分 离 ， 息 处 理效 率 低 ； 一 信 二是采用同步交互过程 。 即客 户 端 向服 务 器 发 出 Ｈｒｒ 求 ， ｒＰ请
张 琳 ．张 国 平
（ 顶 山 学 院 软 件 学院 ，河 南 平 顶 山 平
４７０ ６ ０ ０）
摘 要 ： 据 岛 作 为 ＨＴ 数 ＭＬ文 档 的 一 种 交互 手 段 ， 通 过 特 定 的 标 记 将 Ｘ 它 ＭＬ元 素 嵌 入 到 Ｈ ＭＬ页 面 中 ， 够 很 好 地 展 Ｔ 能
服 务 器 接 收 请 求 并 进 行 处 理 ．在 处 理 过 程 中 ， 户 一 直 处 于 用 等 待 状 态 ， 到 服 务 器 返 回一 个 Ｈ ＭＬ 页 面 。当用 户 量 不 断 直 Ｔ 增 大 时 ． 户 在 访 问 服 务 器 时 ， 览 器 就 会 等 待 刷 新 整 个 页 用 浏 面 ， 页 面 中包 含 的表 单 比较 多 时 ， 导 致 页 面 呈 现 “ 当 会 白屏 ” ，
ｒｓ ｌ ｈ ｗ ｔａ ，ｉ ｈ ｅ ｐ ｌ ａｉｎ ｄ ｖ ｌｐ ｎ ｒｃｓ ，ｕ ｉｇＡＪ ｅ ｈ ｏｏ ｙｃ ｎｒｄ ｃ ｈ ｅｗｏｋｌａ ｎ ｅｕｔ ｓｏ ｈ ｔ ｎ ｔｅＷ ｂ ａ ｐｉ ｔ ｅ ｅｏ ｍｅ ｔｐｏ ｅ ｓ ｓ ＡＸ ｔｃ ｎ ｌｇ ａ ｅ ｕ ｅ ｔｅｎ ｔ ｒ ｏ ｄ ａ ｄ ｓ ｃ ｏ ｎ
６期 第 ２ ０卷 第 ｌ
Ｖｏ ．０ １２ Ｎｏ １ ．６
电 子 设 计 工 程
Ｅｌｃ ｒ ｎ ｃ Ｄｅ ｉｎ Ｅｎ ｉ ｅ ｒｎ ｅ ｔｏ ｉ ｓｇ ｇ ｎ ｅ ｉ ｇ
２１ ０ ２年 ８月
Ａｕ ．２ ２ ｇ ０１
Ｘ ＭＬ数据 岛结合 Ａ Ａ 实现 Ｗｅ ＪＸ ｂ的异步刷新
ＸＭ Ｌ ａ ａｉｌ ｎ ｏ ｉ ｅ ｔ ＡＸ ｏ ｒ ａｉｅｔ ｅＷ ｅ ｓ ｎ ｈ ｏ ｏ ｓｒ ｆｅ ｈ ｄ ｔ ｓａ ｄ ｔ ｍｂ ｎ ｄ ｗｊ ＡＪ ｈ ｔ ｅ ｌ ｈ ｂ ａ ｙ ｃ ｒ ｎ ｕ ｅｒ ｓ ｚ
ＺＨ ＡＮＧ ｉ Ｌ ｎ，ＺＨＡＮＧ Ｇｕｏ ｐ ｎ —ｉｇ
ｅ ｅ ｄ ｄ ｉ ＭＬ ｐ ｇ ，ｃ ｎ ｖ ｒ ｅｌｄ ｓ ｌｙ ａ ｄ ｕ ｄ ｔ ｎ ｏｍａｉ ｎＴ ｅ ｎ ｔ ｏ ｋ ｒ ｓ ｏ ｓ ｐ ｅ ｆ Ｗｅ ｐ ｌ ａｉ ｎ ｍｂ ｄ ｅ ｎ ａ ＨＴ ａ ｅ ａ ｅ ｙ ｗ ｌ ｉ ａ ｎ ｐ ａｅ ｉ ｆ ｒ ｔ ． ｈ ｅ ｗ ｒ ｅ ｐ ｎ ｅ ｓ ｅ ｄ ｏ ｂ ａ ｐ ｉ ｔ ｐ ｏ ｃ ｏ
ｔ ｉ ｐ ｐ ｒ ｏ ｉ ｅ ＡＸ． ＥＴ ａ ｄ ＸＭＬ ｄ ｔ ｌ ｎ ｃ ｎ ｌ ｇ ｅ ｌ ｅｔ ｅＷ ｅ ａ ｅｒ ｆ ｓ ｓ ｎ ｈ ｏ ｏ ｓｙ ｘ ｅ ｍｅ ｔｌ ｈ ｓ ａ ｅ ｍｂ ｎ ｓ ｃ ＡＪ Ｎ ｎ ａａｉ ａ ｄ ｔ ｈ ｏ ｏ ｙ ｔ ｒ ａｉ ｈ ｂ ｐ ｇ ｅｒ ｈａ ｙ ｃ ｒｎ ｕ ｌ ，ｅ ｐ ｒ ｎ ａ ｓ ｅ ｏ ｚ ｅ ｉ
（ｏ ｗ ｒ ｎｉｅｒ ｇＳｈ ｏ ｏ ｉｇ ｉ ｓａ ｎｖｒ ， ｉｇｉｇｈｒ４ ７ ０ ， ｈ ／） Ｓ ａｅＥ ｇｎｅｉ ｃ ｏｌｆＰｎｄｎ ｈｎＵ ｉ ｓ Ｐｎｄｎｓａ ６ ０ ０ Ｃ ｎａ ｔ ｆ ｎ ｇ ｅ ｔ
Ａｂ ｔ ａ ｔ ｈ ａａ ｉｌｎ ｓａ ｎ ｅ ａ ｔ ｅ ｍｅ ｎ ｆａ ＭＬ ｄ ｃ ｍｅ ｔ ｈ ｏ ｇ ｐ ｃｆ ｒ ｅ ｓｗｉ ｅ ＸＭＬ ｅｅ ｎ ｓ ｓ ｒ ｃ ：Ｔ ｅ ｄ ｔ ｓａ ｄ ａ ｎ ｉ ｔｒ ｃ ｉ ａ ｓ ｏ ｎ ＨＴ ｏ ｕ ｎ ，ｔｒ ｕ ｈ ｓ ｅ ｉ ｃ ｍａ ｋ ｒ ｌ ｂ ｖ ｉ ｌ ｌｍｅ ｔ
示和 更 新 信 息 网络 的 响 应 速 度 是 Ｗｅ ｂ应 用 开 发 的 关键 ， Ａ 作 为 一 种 新 的应 用 程序 技 术 ， Ｗｅ Ｍ Ｘ 在 ｂ应 用 程 序 开 发
中有 独 特 的 优 势 ， 文 通 过 实例 结 合 Ａ Ａ ．Ｅ 本 Ｊ ＸＮ Ｔ和 ＸＭ Ｌ数 据 岛技 术 实现 Ｗｅ ｂ页面 的异 步刷 新 ， 实验 表 明 ， Ｗｅ 在 ｂ应
用程 序 开发 过 程 中 ， 用 Ａ Ａ 使 Ｊ Ｘ技 术能 降低 网络 负载 ， 高数 据 访 问速 度 。 提 关 键 词 ： Ｊ Ｘ； ＭＬ ＡＡ Ｘ ；网络 负载 ； 据 岛 数 中 图分 类 号 ： Ｐ １ Ｔ ３６ 文献标识码 ： Ａ 文 章编 号 ：１ ７ — ２ ６ ２ １ ）６ ０ ３ — ３ ６ ４ ６ ３ （０ ２ １— ０ ９ ０
ｄ ｖ ｌｐ ｎ ｓｔｅｋ ｙ ｅｅｏ ｍｅ ｔ ｅ ，ＡＪ ｉ ｈ ＡＸ ｓａｎ ｗ ｐ ｌ ａｉｎｔｃ ｎ ｌｇ ｎＷ ｅ ｐ ｌ ａｉｎｄ ｖ ｌｐ ｎ ，ｈ ｓｉ ｎｑ ｅａ ｖ ｎａ ｅ ， ａ ｅ ａ ｐｉ ｔ ｅ ｈ ｏｏ ｙｉ ｂａ ｐ ｉ ｔ ｅｅｏ ｍｅ ｔ ａ ｔ ｕ ｉｕ ｄ ａ ｔｇ ｓ ｃ ｏ ｃ ｏ ｓ
ｉ ｒ ｖ ｅ ｓ ｅ ｄｏ ａ ａａ ｃ ｓ ． ｍｐ ｏ ｅｔ ｐ ｅ ｆ ｔ ｃ ｅ ｓ ｈ ｄ
Ｋｅ ｒ ｓ Ａ Ａ ； ｙｗｏ ｄ ： Ｊ Ｘ ＸＭＬ；ｎ ｔ ｒ ｏｄ；ｄ ｔ ｓ ｎ ｅｗｏｋｌａ ａａｉｌ ｄ ａ
随 着 社 会 的不 断 发 展 ， 们 越 来 越

合集下载

Div 部分刷新 利用iframe刷新div 利用AJAX刷新部分div

Div 部分刷新 利用iframe刷新div 利用AJAX刷新部分div

Div 部分刷新利用iframe刷新div利用AJAX刷新部分div一般的WEB页面，当用户访问时，会按需请求一个新页面，而这个新页面很大一部分的内容其实跟原页面是相同的，无非是某一行内容，或者某一小块内容要被刷新，这时候如果把整个页面再重新请求一遍，就很不划算，这时候我们可以使用一种部分刷新方法，就是使用HTML的iframe 标签。

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

这个标签的可用属性如下：其中我们需要注意的是一个src 属性，它指定了在这个iframe块中你要用于显示的原代码。

例如：<iframe src ="/index.html"><p>Your browser does not support iframes.</p></iframe>好，下面我们就可以用JAVASCRIPT改变iframe块的内容，来实现页面的部分刷新了，示例代码如下：1 <%@ Page Language="C#" AutoEventWireup="true" %>2 //...3 <html xmlns="/1999/xhtml" >4 <head runat="server">5 <title>Lesson 1 - Demo 1 - IFrame "Ajax"</title>6 <script language="javascript">7 function refresh()8 {9 document.getElementById('iframe').src =10"IFramePage.aspx?" + new Date();11 }12 </script>13 </head>14 <body style="font-family:Verdana; font-size:13px;">15 <form id="form1" runat="server">16 <div>17 <b>Page Load:</b>18 <span><%= DateTime.Now.ToLocalTime() %></span>19 </div>20 <div>21 <b>Current Time:</b>22 <span id="currentTime"></span>23 </div>24 <input type="button" value="Refresh" onclick="refresh()" />25 </form>26 <iframe id="iframe" src="IFramePage.aspx"></iframe>27 </body>28 </html>29在这个页面中，先显示一个Page Load:的时间，以及一个按钮，然后一个iframe块，当点击按钮的时候，我们在它的响应函数refresh()中改变iframe块的src属性，也就是页面地址（url参数变化也算地址变动）这样就会引起这个iframe重新被加载，那个参数中用了一个?new Date（）型参数，这样保证了每次都是不同的参数，每次都要变，如果这儿是个固定值比如"123"那么只有第一次点的时候变，而后面就不变了。

jQuery调用AJAX异步操作超清晰教程

jQuery调用AJAX异步操作超清晰教程

JQUERY AJAX异步操作详细说明AJAX 全称 Asynchronous JavaScript and XML（异步的 JavaScript 和XML）。

它并非一种新的技术，而是以下几种原有技术的结合体。

1)使用CSS和XHTML来表示。

2)使用DOM模型来交互和动态显示。

3)使用XMLHttpRequest来和服务器进行异步通信。

4)使用javascript来绑定和调用。

通过AJAX异步技术，可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请求(Request)/应答(Response)模型：1)不需要用户等待服务端响应。

在异步派发XMLHttpRequest请求后控制权马上就被返回到浏览器。

界面不会出现白板，在得到服务器响应之前还可以友好的给出一个加载提示。

2)不需要重新加载整个页面。

为XMLHttpRequest注册一个回调函数，待服务器响应到达时，触发回调函数，并且传递所需的少量数据。

“按需取数据”也降低了服务器的压力。

3)不需要使用隐藏或内嵌的框架。

在XHR对象之前，模拟Ajax通信通常使用hack手段，如使用隐藏的或内嵌的框架(<iframe>标签)。

下面介绍下AJAX中的重要对象：XMLHttpRequest。

XMLHttpRequest对象(XHR)XMLHttpRequest是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或接收XML及其他数据的一套API。

XMLHttpRequest对象首次以ActiveX对象形式在微软Internet Explorer(IE) 5中以引入。

其他浏览器制造商在认识到这一对象重要性后也纷纷实现了XMLHttpRequest对象，但是以一个本地JavaScript对象而不是作为一个ActiveX 对象实现。

而如今，由于安全性、标准等问题，微软已经在其IE 7中把XMLHttpRequest实现为一个本地JavaScript对象。

利用AJAX.NET与XML数据岛实现无刷新数据绑定

利用AJAX.NET与XML数据岛实现无刷新数据绑定

ｈ ｗ ｔ ｏ ｉｅｗｉ ＡＸ ｎ ｏ ｏｃｍｂｎ ｔ ＡＪ ｈ ａ ｄＸＭＬ Ｄ ｔ ｓ ｎ ｏｉ ｌｍｅ ｔｔ ｅｄ ｔ ｉｄｎ ｔ ｏ ｔｒｆｅｈｎ ａａＩｌ ｄｔ ａ ｍｐｅ ｎ ｈ ａｂｎ ｇｗｉ ｕ ｅｒｓ ｉｇ． ａ ｉ ｈ
【 ｗ ｒ 】 Ａ Ａ ． Ｅ ；Ｑ ｅ ｅ ２０ ； Ｍ ；ｏ ｅｅ ；ａ －ｏｎ ｌ ｏｓ ｄ Ｊ Ｘ Ｎ Ｔ Ｓ ＬＳｒ ｒ ０５Ｘ Ｌ ｎ－ ｆ ｓ Ｄ ｔ ｂｕｄ ｖ ｒｒ ｈ ａ
２１ ００年 ２ 月
廊坊师范学院学报 （ 自然科学版 ）
Ｊｕｎｌ ｆＬ ｎｆｎ ｅｃｅｓ ｏｅｅＮ ｔｍａ Ｓｉ ｃ ｄ ｉｎ ｏｒａｏ ａｇａ ｇＴ ａｈｒ Ｃ １ ｇ（ ａｕ ｌ ｃ ｎｅＥ ｉｏ ） ］ ｅ ｔ
Ｆｅ ２ １ ｂ．０ ０
Ｖ０ ． ０ Ｎｏ １ １ １ ．
系统存 在 一个 弊 端 ： 采用 同步交 互 过程 ， 户 向 用
ＨＴ Ｐ服务 器发 出请求 后 ， 务 器接 收请 求 进行 处 Ｔ 服 理， 在处理 过程 中， 用户 一 直 处 于 等待 状 态 ， 到服 直
务器返 回一个 ＨＴ ＭＬ页面 。当用户 量增 大时 ， 户 用
在 访 问服务器 时浏览 器 就会 出现 “ 白屏 ” 用户 的体 ， 验是 不连贯 的 。Ａ Ａ Ｊ Ｘ的 出现 ， 改善 了这 一 问题 。
ＸＭＬ数据 岛实现无刷 新数据绑定。
【 关键词 】 ＡＡ ． Ｅ ；Ｑ ｅ ｅ ２０ ； Ｍ ； Ｊ Ｘ Ｎ Ｔ Ｓ ＬＳｒ ｒ ０５Ｘ Ｌ 无刷新 ； ｖ 数据绑定
Ｕｓｎ ＡＸ ． ｉ ｇ ＡＪ ＮＥＴ ｎ Ｌ ｔ ｓａ ｄ Ｉ ｌｍ ｅ ｔ ａ ｄ ＸＭ Ｄａ ａ Ｉｌ ｎ ｍｐ ｅ ｎ ｓ
用户可以做其它操作。等服务器处理完用户请求之
ajax async用法

ajax async用法

ajax async用法ajax async用法是指在使用ajax请求时，是否将请求设置为异步执行。

在ajax中，异步请求使得网页可以在请求发送给服务器之后继续进行其他操作，而不需要等待服务器响应。

这篇文章将一步一步回答关于ajax async 用法的问题。

第一步：什么是ajax？Ajax是一种网页开发技术，全称为“Asynchronous JavaScript and XML”（异步的JavaScript和XML）。

它允许网页通过JavaScript在后台与服务器进行通信，从而实现无需刷新整个页面的数据传输和交互。

使用ajax 可以改善用户体验，提高网页的性能和加载速度。

第二步：什么是异步请求？在web开发中，当一个请求被发送到服务器时，浏览器会停止处理其他的事务，直到服务器返回响应。

这种默认的同步请求方式会导致页面的加载和响应速度变慢。

异步请求是指将请求发送给服务器后，网页可以继续执行其他操作，并不需要等待服务器的响应。

第三步：如何设置异步请求？在ajax中，可以通过设置async参数为true或false来控制请求的异步性。

当参数为true时，请求为异步请求；当参数为false时，请求为同步请求。

默认情况下，async参数的值为true，即异步请求。

第四步：异步请求的优势是什么？异步请求具有以下几个优势：1. 提高用户体验：由于异步请求不需要等待服务器响应，网页可以继续进行其他操作。

用户可以在请求发送的同时继续浏览页面，不会感到页面的卡顿或等待。

2. 提高网页性能：异步请求可以减少页面加载时间，因为不需要等待服务器响应之后再加载其他内容。

网页可以在后台同时发送多个异步请求，从而提高网页的并发性能。

3. 节约带宽：由于不需要每次请求都加载整个页面，异步请求只传输需要的数据。

这可以节约带宽和服务器资源，并减轻服务器的负担。

第五步：异步请求的注意事项在使用异步请求时，需要注意以下几点：1. 异步请求的回调函数：异步请求需要设置回调函数来处理服务器的响应。