`

掌握 Ajax 系列

    博客分类:
  • Ajax
阅读更多
    http://www.ibm.com/developerworks/cn/web/wa-ajaxintro/
Page navigation
系列文章
Ajax 无疑是最流行的新 Web 技术,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。它采用客户端脚本与 Web 服务器交换数据,所以,不必采用会中断交互的完整页面刷新,就可以动态地更新 Web 页面。使用 Ajax,可以创建更加丰富、更加动态的 Web 应用程序用户界面,其即时性与可用性甚至能够接近本机桌面应用程序。
Ajax 由 HTML、JavaScript、DHTML 和 DOM 组成。本系列的作者 Brett McLaughlin 是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。
系列文章
第 1 部分: Ajax 入门简介 (2006 年 1 月 4 日)
Ajax 由 HTML、JavaScript、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。
第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 (2006 年 2 月 16 日)
多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程。有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响应模型了。本文中,Brett McLaughlin 介绍了如何创建能够适应不同浏览器的 XMLHttpRequest 实例,建立和发送请求,并响应服务器。
第 3 部分: Ajax 中的高级请求和响应 (2006 年 3 月 23 日)
对于很多 Web 开发人员来说,只需要生成简单的请求并接收简单的响应即可;但是对于希望掌握 Ajax 的开发人员来说,必须要全面理解 HTTP 状态代码、就绪状态和 XMLHttpRequest 对象。在本文中,Brett McLaughlin 将向您介绍各种状态代码,并展示浏览器如何对其进行处理,本文还给出了在 Ajax 中使用的比较少见的 HTTP 请求。
第 4 部分: 利用 DOM 进行 Web 响应 (2006 年 4 月 10 日)
程序员(使用后端应用程序)和 Web 程序员(编写 HTML、CSS 和 JavaScript 上)之间的分水岭是长久存在的。但是,Document Object Model (DOM) 弥补了这个裂缝,使得在后端使用 XML 同时在前端使用 HML 切实可行,并成为极其有效的工具。在本文中,Brett McLaughlin 介绍了 Document Object Model,解释它在 Web 页面中的应用,并开始挖掘其在 JavaScript 中的用途。
第 5 部分: 操纵 DOM (2006 年 4 月 27 日)
上一期中 Brett 介绍了文档对象模型(DOM),它的元素在幕后定义了 Web 页面。这一期文章中他将进一步探讨 DOM。了解如何创建、删除和修改 DOM 树的各个部分,了解如何实现网页的即时更新!
第 6 部分: 建立基于 DOM 的 Web 应用程序 (2006 年 10 月 12 日)
Brett McLaughlin 通过一个具体的 DOM 应用程序结束了他的 DOM 编程三部曲。
第 7 部分: 在请求和响应中使用 XML(1) (2006 年 10 月 23 日)
Brett McLaughlin 示范了如何使用 XML 数据格式发送异步请求。
第 8 部分:在请求和响应中使用 XML(2) (2006 年 10 月 23 日)
这篇文章主要探讨在大多数情况下 确实是 好主意的一种做法:向客户机返回 XML 响应。
第 9 部分:使用 Google Ajax Search API (2007 年 3 月 1 日)
发出异步请求并不意味着只是与您自己的服务器端程序交互。其实也可以与一些公共 API,例如来自 Google 或 Amazon 的 API 进行通信,从而为 Web 应用程序增加您自己的脚本和服务器端程序所不能提供的更多功能。本文将教您如何向公共 API,例如 Google 提供的 API 发出请求并接收其响应。
第 10 部分:使用 JSON 进行数据传输 (2007 年 4 月 9 日)
在异步应用程序中发送和接收信息时,可以选择以纯文本和 XML 作为数据格式。掌握 Ajax 的这一期讨论另一种有用的数据格式 JavaScript Object Notation(JSON),以及如何使用它更轻松地在应用程序中移动数据和对象。
第 11 部分:服务器端的 JSON (2007 年 8 月 28 日)
在最后一篇文章中,您将会学习如何处理以 JSON 格式发送到服务器的数据以及如何使用相同格式对脚本进行回复。
分享到:
评论

相关推荐

    掌握Ajax系列文章.chm

    掌握Ajax系列文章.chm Ajax 是一种 Web 应用程序客户机技术,它结合了 JavaScript、层叠样式表(Cascading Style Sheets,CSS)、HTML、XMLHttpRequest 对象和文档对象模型(Document Object Model,DOM)

    掌握Ajax系列6:建立基于DOM的Web应用程序

    在本篇“掌握Ajax系列6:建立基于DOM的Web应用程序”中,我们将深入探讨如何利用JavaScript操作DOM(文档对象模型)来创建一个无需刷新页面的动态Web页面。DOM是一种编程接口,它允许开发者通过JavaScript来访问和...

    AjaxIbm(掌握Ajax系列及不同领域的应用)

    掌握Ajax系列 使用AJAX构建应用程序:学习用AJAX构建支持实时验证的Web应用程序 面向 Java 开发人员的 Ajax Java应用开发源动力

    掌握Ajax系列9:使用Google Ajax Search API

    【Ajax系列9:使用Google Ajax Search API】 Ajax(Asynchronous JavaScript and XML)技术允许Web应用程序在无需刷新整个页面的情况下与服务器进行数据交换,提供更流畅的用户体验。在本系列的第9部分,我们将探讨...

    掌握ajax系列教程

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这一技术的核心在于JavaScript,...

    掌握AJAX系列- Brett McLaughlin著

    【Ajax技术详解】 Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页内容的技术。这项技术的兴起源于Web 2.0时代,旨在提升用户体验,让Web应用具备类似桌面...

    掌握Ajax系列3:Ajax中的高级请求和响应

    但是对于希望掌握Ajax的开发人员来说,必须要全面理解HTTP状态代码、就绪状态和 XMLHttpRequest对象。在本文中将向您介绍各种状态代码,并展示浏览器如何对其进行处理,本文还给出了在 Ajax中使用的比较少见的HTTP...

    掌握Ajax系列2:使用JavaScript和Ajax发出异步请求

    【Ajax系列2:使用JavaScript和Ajax发出异步请求】 在Web开发中,传统的请求/响应模型通常是用户点击按钮,浏览器发送整个页面请求给服务器,服务器处理后返回一个新的HTML页面,浏览器再重新渲染。这种模式在Web ...

    掌握Ajax系列5:操纵DOM

    这一期文章将了解如何创建、删除和修改DOM树的各个部分,了解如何实现网页的即时更新。了解如何处理 Web页面的DOM树。比方说,如果向DOM树中增加一个元素,这个元素就会立即出现在用户的Web浏览器中 —— 不需要重新...

    掌握Ajax系列4:利用DOM进行Web响应

    Document Object Model(DOM)是Web开发中的核心组件,它是一个标准的编程接口...通过熟练掌握DOM,程序员可以创造出更加动态、响应和用户友好的Web应用程序,从而打破传统的前后端界限,提升Web应用的性能和用户体验。

    掌握Ajax系列7:在请求和响应中使用XML(上)

    【Ajax中的XML使用详解】 Ajax,全称Asynchronous JavaScript and XML,是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。虽然名称中的“XML”代表可扩展标记语言...

    掌握Ajax系列8:在请求和响应中使用XML(下)

    在Ajax应用程序中,使用XML作为发送数据的格式的理由很少,但使服务器向 客户机回发XML的理由很多。因此,您在上一篇文章中学到的关于XML的知识最终将在这篇文章中体现出某些价值。这篇文章主要探讨在大多数情况下...

    掌握 Ajax\掌握 Ajax第 5 部分-操纵 DOM

    ### 掌握Ajax系列之第五部分:操纵DOM详解 #### 使用JavaScript即时更新Web页面 在“掌握Ajax”系列的第五部分中,我们深入探讨了如何使用JavaScript操纵文档对象模型(DOM),以实现实时更新Web页面,而无需进行...

    掌握 Ajax\掌握 Ajax第 4 部分-利用 DOM 进行 Web 响应

    ### 掌握Ajax系列之四:利用DOM进行Web响应 #### 深入理解DOM:构建Web响应的核心 在探讨如何利用DOM(Document Object Model,文档对象模型)进行Web响应之前,我们首先需要理解DOM的基本概念及其在Web开发中的...

    轻松掌握Ajax.net系列教程

    1. **轻松掌握Ajax.net系列教程一.doc**:可能涵盖了Ajax基础概念的介绍,包括XMLHttpRequest对象的使用,以及如何在.NET环境下创建第一个Ajax请求。 2. **轻松掌握Ajax.net系列教程三.doc**:可能讲解了如何利用...

    掌握 Ajax第 11 部分--服务器端的 JSON.pdf

    ### 掌握Ajax系列之服务器端的JSON:深入解析与应用 #### 深入理解JSON在Ajax中的角色 在《掌握 Ajax第 11 部分--服务器端的 JSON.pdf》一文中,作者Brett D. McLaughlin详细阐述了JSON在Ajax应用程序中的重要性,...

    由浅入深完全掌握Ajax

    《由浅入深完全掌握Ajax》整合ibm网站的ajax系列教程,各个章程结合的很紧密。系统介绍了ajax的相关内容。包括健壮的程序编写、数据格式及数据格式的操作方式和数据格式之间的优势比较和使用场合。介绍的相当详细,...

    ajax系列教程 6

    在IT行业中,Ajax(Asynchronous JavaScript and XML)技术是一种用于创建快速、动态网页的关键方法。它允许网页在不重新加载整个页面的情况下与...理解并掌握Ajax技术,对于提升Web应用的性能和用户满意度至关重要。

Global site tag (gtag.js) - Google Analytics