首页 > 语言 > 关键词  > AJAX开发最新资讯  > 正文

理解AJAX工作原理 构建网站的有效方法

2010-04-02 14:42 · 稿源:站长之家Chinaz.com

Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。

五年前,如果不知道 XML,您就是一只无人重视的丑小鸭。十八个月前,Ruby 成了关注的中心,不知道 Ruby 的程序员只能坐冷板凳了。今天,如果想跟上最新的技术时尚,那您的目标就是 Ajax。

但是,Ajax 不仅仅 是一种时尚,它是一种构建网站的强大方法,而且不像学习一种全新的语言那样困难。

但在详细探讨 Ajax 是什么之前,先让我们花几分钟了解 Ajax 做 什么。目前,编写应用程序时有两种基本的选择:

桌面应用程序

Web 应用程序

两者是类似的,桌面应用程序通常以 CD 为介质(有时候可从网站下载)并完全安装到您的计算机上。桌面应用程序可能使用互联网下载更新,但运行这些应用程序的代码在桌面计算机上。Web 应用程序运行在某处的 Web 服务器上 —— 毫不奇怪,要通过 Web 浏览器访问这种应用程序。

不过,比这些应用程序的运行代码放在何处更重要的是,应用程序如何运转以及如何与其进行交互。桌面应用程序一般很快(就在您的计算机上运行,不用等待互联网连接),具有漂亮的用户界面(通常和操作系统有关)和非凡的动态性。可以单击、选择、输入、打开菜单和子菜单、到处巡游,基本上不需要等待。

另一方面,Web 应用程序是最新的潮流,它们提供了在桌面上不能实现的服务(比如 Amazon.com 和 eBay)。但是,伴随着 Web 的强大而出现的是等待,等待服务器响应,等待屏幕刷新,等待请求返回和生成新的页面。

显然这样说过于简略了,但基本的概念就是如此。您可能已经猜到,Ajax 尝试建立桌面应用程序的功能和交互性,与不断更新的 Web 应用程序之间的桥梁。可以使用像桌面应用程序中常见的动态用户界面和漂亮的控件,不过是在 Web 应用程序中。

还等什么呢?我们来看看 Ajax 如何将笨拙的 Web 界面转化成能迅速响应的 Ajax 应用程序吧。

老技术,新技巧在谈到 Ajax 时,实际上涉及到多种技术,要灵活地运用它必须深入了解这些不同的技术(本系列的头几篇文章将分别讨论这些技术)。好消息是您可能已经非常熟悉其中的大部分技术,更好的是这些技术都很容易学习,并不像完整的编程语言(如 Java 或 Ruby)那样困难。

Ajax 的定义

顺便说一下,Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写。这个短语是 Adaptive Path 的 Jesse James Garrett 发明的(请参阅 参考资料),按照 Jesse 的解释,这不是 个首字母缩写词。

下面是 Ajax 应用程序所用到的基本技术:

HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。

JavaScript 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。

DHTML 或 Dynamic HTML,用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。

文档对象模型 DOM 用于(通过 JavaScript 代码)处理 HTML 结构和(某些情况下)服务器返回的 XML。

我们来进一步分析这些技术的职责。以后的文章中我将深入讨论这些技术,目前只要熟悉这些组件和技术就可以了。对这些代码越熟悉,就越容易从对这些技术的零散了解转变到真正把握这些技术(同时也真正打开了 Web 应用程序开发的大门)。

举报

  • 相关推荐
  • 普渡机器人发布 CC1 系列自清洁工作站,商用清洁进入全栈智能时代

    9月23日,深圳普渡科技发布全球首款全流程自主清洁工作站CC1系列,适配PUDU CC1及CC1Pro清洁机器人。该工作站采用超声波+高温技术,实现吸水扒全面洁净,内置100W超声波模块与65℃高温水热模块,可快速溶解糖类、脂类污渍,避免二次污染。同时配备隐藏式清洁刷,自动清洁滚刷,去除95%以上可见脏污,延长设备寿命。工作站支持三种形态切换,适应不同场景需求,维护效率提升35倍以上,实现“解放双手”与深度清洁效果,推动商用清洁行业迈向全栈智能时代。

  • 2025,抖音电商作者如何更好带货?揭秘八个关键原理

    当西装革履、英语流利的@马斯诺,站在西北农田里卖南瓜时,没人能想到靠这种强烈反差,他只用一条视频就卖出了1.8万单贝贝南瓜,还收获了“西海固外交官”的称号。 他的成功不是简单的卖货,而是在用故事和内容打动消费者。而这正是抖音电商时代“带货”逻辑升级的最佳缩影。 在「克劳锐」看来,如今的商品售卖的本质不再是单纯销售,而是内容创造,他们卖的不

  • 声网联合展锐、谨讯发布R1-4G开发套件 让AI硬件随身相伴

    声网与紫光展锐、谨逊联合发布4G版对话式AI开发套件R1-4G,基于紫光展锐高性能AI芯片8910,集成声网对话式AI引擎,实现4G通信与CPU融合,支持全球主流4G频段。产品具备轻量化、低功耗特性,支持流畅音视频交互,适用于AI教育硬件、陪伴宠物等场景。套件提供灵活单/双屏设计、视觉理解及多语言对话能力,并兼容国内外主流大模型,助力开发者快速集成对话式AI功能,缩短产品上市周期。

  • 华为全联接大会2025首发《算力珠玑》十大实战案例助力开发者攻克鲲鹏、昇腾开发难关

    《算力珠玑:鲲鹏昇腾应用开发案例详解》由上海交通大学林新华教授等主编,聚焦鲲鹏与昇腾两大自主计算生态的应用迁移与优化难题。全书通过十个真实场景案例,系统解析从传统平台迁移至自主算力平台的代码移植、性能调优及算子开发等关键技术,涵盖高能计算、AI训练、工业诊断等领域。书中结合理论与实践,提供具体代码与优化策略,旨在帮助开发者降低迁移成本、提升效率,推动自主算力技术在实际场景中“用好用活”,为我国在全球算力竞争中夯实基础。

  • 建发致新引领医疗器械流通创新,构建全产业链服务生态

    上海建发致新医疗科技集团作为全国领先的医疗器械流通商,通过完善供应链体系与创新服务模式,为行业高质量发展持续赋能。其服务网络覆盖全国31个省市,直接服务超3300家医疗机构,提供上万种产品及配套服务。公司依托高效仓储物流与精细化库存管理,简化采购流程,提升运营效率。同时,与百余家国内外知名厂商建立稳定合作,构建覆盖广泛、响应迅速的分销网络,助力优质产品快速渗透市场。此外,公司推出SPD智慧管理服务,实现耗材全流程数字化管理,推动供应链智能化升级。未来,建发致新将持续深化创新,以全产业链服务能力为医疗器械行业注入活力。

  • 店长连续工作超8小时 因闭眼2秒视频遭解雇 法院判了

    9月26日,广州市中级人民法院、广州市人力资源和社会保障局、广州市总工会联合发布了新一批劳动争议典型案例。 其中,有一则案例引发广泛关注:一位零售店店长竟因闭眼休息、上厕所等看似平常的行为被公司解雇。 2021年3月,余某入职某零售公司,担任该公司位于某商场门店的店长一职,全面负责门店的日常管理工作。 然而,2024年9月26日,某零售公司却以余某工作�

  • 构建消费租赁可信可控新生态,联想云锁服务方案发布,助推租赁行业智能化革命

    联想与人人租达成长期合作,推出“云锁服务方案”,旨在解决设备租赁行业的管理粗放、逾期丢失、回收效率低等痛点。该方案通过设备锁定、远程控制与租赁管理三大核心能力,覆盖设备从投放到回收的全生命周期,实现智能化、数字化管理。合作将围绕设备供给、质量控制、回收翻新、服务保障四大维度展开,共建行业标准,推动租赁服务从“设备管理”向“智能服务”升级,助力行业迈向高质量发展新时代。

  • 锐捷网络与亚信安全战略携手,共筑“一站式安全”云桌面新生态

    锐捷网络与亚信安全近日签署战略合作协议,共同推出“一站式安全”云桌面解决方案。双方将整合各自在云桌面和安全技术领域的优势,为企业用户提供更可靠的数字化办公环境。该合作聚焦终端安全、云安全等关键领域,通过产品深度适配实现无代理杀毒等创新功能,助力企业降低运营成本,提升安全防护能力。未来双方将持续深化合作,共同拓展云桌面安全市场新边界。

  • 构建全场景数字生态:三星商显产品亮相AUTODESK论坛与全球数贸会

    三星近日在上海欧特克论坛及全球数字贸易博览会两大行业展会展示多款商用显示产品。通过汽车设计、智慧会议等高端应用场景的创新矩阵,全面展现其在商用显示领域的前瞻布局与技术底蕴。明星产品The Wall IWB与IAB系列以超高清晰度、精准色彩及高效协同能力吸引专业观众,推动汽车设计乃至高端制造业研发模式变革。同时亮相的智能数字标牌、电子白板及彩色电子纸等产品,覆盖多场景技术路线,彰显三星作为行业引领者通过显示技术赋能各行业数字化转型升级的战略布局。

  • 人单合一20年:构建AI时代的智能交互生态

    第九届人单合一模式引领论坛暨第二届零距离卓越奖颁奖典礼在北京举行,聚焦“组织智能:构建AI时代的智能交互生态”。论坛汇聚全球400多位专家学者及企业代表,探讨AI时代组织智能的未来。海尔集团董事局主席张瑞敏提出人单合一模式历经20年演进,已从1.0迭代至2.0阶段,实现从零距离到零边界的升级。该模式以人的价值最大化为核心,通过机制创新激发个体创造力,被全球管理学界广泛认可并纳入ISO国际标准。论坛还成立了“零距离卓越联盟”,推动跨行业经验共享与协同创新。

今日大家都在搜的词: