admin 管理员组文章数量: 887030
2023年12月17日发(作者：免费企业cms)
端技术，都能使用Ａｊａｘ［”。它使浏览器可以为用户提供更为自然的浏览体验。在Ａｊａｘ之前，Ｗｅｂ站点强制用户进入提交／等待／重新显示范例，用户的动作总是与服务器的“思考时间”同步ｘｍｌＨｔｔｐ．ｏｎｒｅａｄｙ ｓｔａｔｅｃｈａｎｇｅ＝ｈａｎｄｌｅＳｔａｔｅｃｈａｎｇｅ； ｘｍｌＨｔｔｐ．ｏｐｅｎ（”ＧＥＴｔｔ，”ｉｎｎｅｒＨＴＭＬ．ｘｍｌ＂，ｔｒｕｅ）； ∞ ｘｍｌＨｔｔｐ．ｓｅｎｄ（ｎｕｌ１）； ｝ ｆｕｎｃｔｉｏｎ ｃｒｅａｔｅＸＭＬＨｔｔｐＲｅｑｕｅｓｔ０｛ ｉｆｗｉｎｄｏｗ．ＡｃｔｉｖｅＸＯｂｊｅｃｔ）｛ 技 × 术 原 Ａｊａｘ提供与服 务器异步通信的能力，从而使用户从请求／响应的 。理 及 在 循环中解脱出来。借助Ａｊａｘ，可以在用户单击按钮 ≤ 时，使用ＪａｖａＳｃｒｉｐｔ和ＤＨＴＭＬ立即更新ｕＩ，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用ＪａｖａＳｃｒｉｐｔ和ＣＳＳ来相应 地更新ｕＩ，而不是刷新整个页面。最重要的是，用户 甚至不知道浏览器正在与服务器通信，这使得Ｗｅｂ 站点看起来是即时响应的［２１。 ３ Ａｊａｘ的工作原理 Ａｊａｘ的核心是ＪａｖａＳｃｒｉｐｔ对象ＸＭＬＨｔｔｐＲｅ— ｑｕｅｓｔ，它可以向服务器提出异步请求、处理服务器 的响应、更新Ｗｅｂ页面［３］。下面我们以一个具体的例子来说明Ａｊａｘ的工作原理，这个例子将解释如何通 过Ａｊａｘ来取回一个远程的ＸＭＬ文件并更新ｗｅｂ 页面。 Ａｊａｘ引擎包含在ｉｎｎｅｒＨＴＭＬ．ｈｔｍｌ页面中。这个页面非常简单，有一个按钮，用来触发Ａｊａｘ事件；还有一个分割区，ｉｄ号为”ｒｅｓｕｌｔｓ”，用来显示从ｉｎ一ｎｅｒＨＴＭＬ．ＸＭＬ读取的内容。Ａｊａｘ引擎的ＪａｖａＳｃｒｉｐｔ脚本如下：＜ｓｃｒｉｐｔ ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞ ｖａｒ ｘｍｌＨｔｔｐ；ｆｕｎｃｔｉｏｎ ｓｔａｒｔＲｅｑｕｅｓｔ０｛ ｃｒｅａｔｅＸＭＬＨｔｔｐＲｅｑｕｅｓｔ０； （Ｄ ｘｍｌＨｔｔｐ－－ｎｅｗ ＡｃｔｉｖｅＸＯｂｊｅｃｔ（”Ｍｉｃｒｏｓｏｆｔ．ＸＭＬ一 由 ＨＴＴＰ”）； 的 实 现 ｝ ｅｌｓｅ ｉｆ（ｗｉｎｄｏｗ．ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ）｛ ｘｍｌＨｔｔｐ－￣ａｅｗ ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ（）； ｝ ｝ ｕｆｎｃｔｉｏｎ ｈａｎｄｌｅＳｔａｔｅｃｈａｎｇｅ０ ｆ ｉ（ｆｘｍｌＨｔｔｐ．ｒｅａｄ￣ｒＳｔａｔｅ＝＝４）｛ ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙｌｄ（＇ｒｅｓｕｌｔｓ’）．ｉｎｎｅｒＨＴＭＬ ＝ｘｍｌＨｔｔｐ．ｒｅｓｐｏｎｓｅＴｅｘｔ； ｝ ｝ ＜／ｓｃｒｉｐｔ＞ ＸＭＬ文件为ｉｎｎｅｒＨＴＭＬ．ＸＭＬ： ＜？ｘｍｌ ｖｅｒｓｉｏｎ＝”１．０”ｅｎｃｏｄｉｎｇ＝”ＵＴＦ一８” ＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”１”＞ ＜ｔｂｏｄｙ＞ ＜ｔｒ＞＜ｔｈ＞课程＜／ｔｈ＞＜ｔｈ＞地点＜／ｔｈ＞＜ｔｈ＞时间 ＜／ｔｈ＞＜／ｔｒ＞ ＜ｔｒ＞＜ｔｈ＞算法分析＜／ｔｈ＞＜ｔｈ＞Ｒ５．０９＜／ｔｈ＞＜ｔｈ＞８： Ｏ０ ＡＭ＜／ｔｈ＞＜／ｔｒ＞ ６５
４ Ａｊａｘ的应用 Ｇｏｏｇｌｅ是最早采用Ａｊａｘ技术的公司之一，而 有了重大的转变，这正是Ａｊａｘ的核心所在。现在 Ｗｅｂ开发人员可以自由地与服务器异步交互，完成 × 且将其应用在很多产品上，在最新版的Ｇｏｏｇｌｅ Ｇｒｏｕｐｓ、Ｇｏｏｇｌｅ Ｓｕｇｇｅｓｔ、Ｇｏｏｇｌｅ Ｍａｐｓ和Ｇｍａｉｌ中， 都给了Ａｊａｘ充分的表现空间。Ｇｏｏｇｌｅ Ｓｕｇｇｅｓｔ能够 许多原本只能在胖客户端上完成的任务，而这些带 给用户的就是方便、快捷，更加面向人性化的Ｗｅｂ 服务。 技 术 原 理 根据你的输入立刻显示建议条目，而不需要刷新页 面；Ｇｏｏｇｌｅ Ｍａｐｓ给用户呈现出可以任意放大、缩小 及 在 ≤ ｃＤ ｃ）＿ 参考文献 中 和移动图片的体验。Ａｍａｚｏｎ也是较早使用Ａｊａｘ的 公司之一，在Ａ９．ｃｏｍ中有一种ＢｌｏｃｋＶｉｅｗ特性，就 是部分页面绘制（Ｐａｒｔｉａｌ Ｐａｇｅ Ｐａｉｎｔ）模式的一个例 子。当用户在页面左侧的地图中选择不同部分时， 相应的街区图就会在右侧自动改变，以反映用户在 地图上所指的位置。微软也在去年对Ａｊａｘ青睐有 加，已经在新推出的ＭＳＮ Ｓｐａｃｅ以及ＭＳＮＶｉｒｔｕａｌ Ｅａｒｔｈ服务中应用了ｎｊａｘ技术，并且在刚发布的Ｖｉ一 ｓｕａｌ Ｓｔｕｄｉｏ ２００５中集成一个名为Ａｔｌａｓ的软件。这是一种供开发人员使用的面向客户的“新技术框 架”，可以让开发人员更方便地创建Ａｊａｘ程序。 ５结束语 Ａｊａｘ其实并不是一种全新的技术，它的技术支 撑ＪａｖａＳｃｆｉｐｔ和ＸＭＬ都是使用很多年的技术。但是 因为Ａｊａｘ的出现，Ｉｎｔｅｍｅｔ默认的请求／响应模式 的 ［１］Ａｊａｘ：Ａ Ｎｅｗ Ａｐｐｒｏａｃｈ ｔｏ Ｗｅｂ Ａｐｐｌｉｃａｔｉｏｎｓ 实 现 ｂｙ Ｊｅｓｓｅ Ｊａｍｅｓ Ｇａｒｒｅｔｔ． ［２］Ａｎ Ｉｎｔｒｏｄｕｃｔｉｏｎ Ｔｏ Ａｊａｘ ｂｙ Ｄａｖｉｄ Ｔｅａｒｅ． ［３］Ｆｏｕｎｄａｔｉｏｎｓ ｏｆ Ａｊａｘ ｂｙ Ｒｙａｎ Ａｓｌｅｓｏｎ、’ Ｎａｔｈａｎｉｅｌ Ｔ．Ｓｃｈｕ￣ａ． ［４］陈琼．Ａｊａｘ：老技术，新外衣［ＥＢ／ＯＬ］．ｈｔｔｐ：／／ｉｔ． ｓｏｈｕ．ｃｏｍ／２００５０８１６／ｎ２４０２６１７１８．ｓｈｔｍｌ，２００５—０８－１６． ［５］Ｈｏｗ ｔｏ Ｄｅｖｅｌｏｐ Ｗｅｂ Ａｐｐｌｉｃａｔｉｏｎｓ ｗｉｔｈ Ａｊａｘ， Ｐｔ．Ｉ［ＥＢ／ＯＬ］．ｈｔｔｐ：／／ｗｅｂｒｅｆｅｒｅｎｃｅ．ｃｏｍ／ｐｒｏｇｒａｍｍｉｎｇ／ ｊａｖａｓｃｒｉｐｔ／ｊｒｉｃｏｌｕｍｎ１２／ｉｎｄｅｘ．ｈｔｍ１． 作者简介 谢松（１９７５一），男，汉族，江西赣州人，计算机硕 士，讲师，主要研究方向：数据挖掘。 ６７
版权声明：本文标题：Ajax技术原理及在Web中的实现 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1702818386h432040.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论