掌握 Ajax,第 11 部分: 服务器端的 JSON在服务器端脚本和程序中用 JSON 进行响应和回复级别: 高级Brett D. McLaughlin, Sr. (brett@newInstance.com), 作家兼编辑, O'Reilly Media, Inc.2007 年 8 月 28 日在 本系列最近发表的一篇文章中,您已经了解了如何将 JavaScript 对象转变成 JSON 格式。这种格式很容易用于发送(和接收)与对象甚至对象数组对应的数据。在 本系列 的最后一篇文章中,您将会学习如何处理以 JSON 格式发送到服务器的数据以及如何使用相同格式对脚本进行回复。JSON 的真正价值正如在 本系列上一篇文章 中所描述的那样,JSON 是适用于 Ajax 应用程序的一种有效格式,原因是它使 JavaScript 对象和字符串值之间得以快速转换。由于 Ajax 应用程序非常适合将纯文本发送给服务器端程序并对应地接收纯文本,相比不能生成文本的 API,能生成文本的 API 自然更可取;而且,JSON 让您能够处理本地 Java阅读全文>
发表于 @ 2008年04月01日 08:53:00|评论(loading...)|编辑|收藏
掌握 Ajax,第 10 部分: 使用 JSON 进行数据传输以原生方式操作 JavaScript 对象级别: 初级Brett McLaughlin (brett@newInstance.com), 作家兼编辑, O'Reilly Media Inc.2007 年 4 月 09 日在异步应用程序中发送和接收信息时,可以选择以纯文本和 XML 作为数据格式。掌握 Ajax 的这一期讨论另一种有用的数据格式 JavaScript Object Notation(JSON),以及如何使用它更轻松地在应用程序中移动数据和对象。如果您阅读了本系列前面的文章,那么应已对数据格式有了相当的认识。前面的文章解释了在许多异步应用程序中如何恰当地使用纯文本和简单的名称/值对。可以将数据组合成下面这样的形式:阅读全文>
发表于 @ 2008年04月01日 08:52:00|评论(loading...)|编辑|收藏
掌握 Ajax,第 9 部分: 使用 Google Ajax Search API在异步应用程序中使用公共 API级别: 中级Brett McLaughlin, 作家,編輯, O'Reilly Media, Inc2007 年 3 月 01 日发出异步请求并不意味着只是与您自己的服务器端程序交互。其实也可以与一些公共 API,例如来自 Google 或 Amazon 的 API 进行通信,从而为 Web 应用程序增加您自己的脚本和服务器端程序所不能提供的更多功能。在本文中,Brett McLaughlin 教您如何向公共 API,例如 Google 提供的 API 发出请求并接收其响应。到目前为止,这个系列只涉及到客户机 Web 页面向服务器端脚本和程序发出请求的情况。这就是大约 80% 到 90% 的 Ajax 应用程序(使用 XMLHttpRequest 对象的异步 Web 应用程序)的工作方式。然而,这种方法有很严重的局限性:您将受到自己才智和编程技能的限制,就算不是这样,最起码也要受到公司团队中的程序员的才智和编程技能的限制。阅读全文>
发表于 @ 2008年04月01日 08:51:00|评论(loading...)|编辑|收藏
掌握 Ajax,第 8 部分: 在请求和响应中使用 XMLAjax 客户机/服务器通信可以很巧妙级别: 中级Brett McLaughlin (brett@newInstance.com), 作家,编辑, O'Reilly Media Inc.2006 年 12 月 21 日在 本系列的上一篇文章 中,您看到了 Ajax 应用程序如何以 XML 格式化发往服务器的请求。还了解了为什么这在大多数情况下并不是一个好主意。这篇文章主要探讨在大多数情况下确实是 好主意的一种做法:向客户机返回 XML 响应。我其实并不喜欢写那种主要告诉您什么不应该 做的文章。很多时候,那都会是一篇非常愚蠢的文章。我要在前半篇文章中解释某些东西,然后在后半篇文章中说明使用您刚刚才学会的那种技术是一个多么糟糕的主意。在很大程度上,上一期文章正是这样一种情况(如果您错过了那一期文章,请查看 参考资料 中的链接),那篇文章教您如何将 XML 作为 Ajax 应用程序的请求数据格式使用。阅读全文>
发表于 @ 2008年04月01日 08:47:00|评论(loading...)|编辑|收藏
掌握 Ajax,第 7 部分: 在请求和响应中使用 XML了解什么时候适合什么时候不适合使用 XML级别: 中级Brett McLaughlin (brett@oreilly.com), 作家,编辑, O'Reilly and Associates2006 年 10 月 23 日偶尔使用 Ajax 的开发人员也会注意到 Ajax 中的 x 并意识到它代表 XML。XML 是编程中最常用的数据格式之一,对于异步应用程序中的服务器响应能够带来切实的好处。在本文中,您将看到服务器如何在请求响应中发送 XML。现在如果不使用 XML 就不能进行任何有意义的编程。无论考虑转向 XHTML 的网页设计人员、使用 JavaScript 的 Web 程序员、使用部署描述文件和数据绑定的服务器端程序员,还是研究基于 XML 的数据库的后端开发人员,都在使用这种可扩展标记语言。因此,XML 被认为是 Ajax 底层的核心技术之一就不足为奇了。阅读全文>
发表于 @ 2008年04月01日 08:45:00|评论(loading...)|编辑|收藏
掌握 Ajax,第 6 部分: 建立基于 DOM 的 Web 应用程序在不刷新页面的情况下使用 DOM 改变网页界面级别: 中级Brett McLaughlin (brett@newInstance.com), 作家兼编辑, O'Reilly Media Inc.2006 年 10 月 12 日本系列的上一篇文章中考察了文档对象模型(DOM)编程中涉及到的概念——Web 浏览器如何把网页看作一棵树,现在您应该理解了 DOM 中使用的编程结构。本期教程将把这些知识用于实践,建立一个简单的包含一些特殊效果的 Web 页面,所有这些都使用 JavaScript 操纵 DOM 来创建,不需要重新加载或者刷新页面。前面两期文章已经详细介绍了文档对象模型或者 DOM,读者应该很清楚 DOM 是如何工作的了。(前两期 DOM 文章以及 Ajax 系列更早文章的链接请参阅参考资料。)本教程中将把这些知识用于实践。我们将开发一个简单的 Web 应用程序,其用户界面可根据用户动作改变,当然要使用 DOM 来处理界面的改变。阅读完本文之后,就已经把学习到的关于 D阅读全文>
发表于 @ 2008年04月01日 08:44:00|评论(loading...)|编辑|收藏
掌握 Ajax,第 5 部分: 操纵 DOM使用 JavaScript 即时更新 Web 页面级别: 初级Brett McLaughlin (brett@newInstance.com), 作家,编辑, O'Reilly Media Inc.2006 年 4 月 27 日上一期中 Brett 介绍了文档对象模型(DOM),它的元素在幕后定义了 Web 页面。这一期文章中他将进一步探讨 DOM。了解如何创建、删除和修改 DOM 树的各个部分,了解如何实现网页的即时更新!如果阅读过本系列的 上一期文章,那么您就非常清楚当 Web 浏览器显示网页时幕后发生的一切了。前面已经提到,当 HTML 或为页面定义的 CSS 发送给 Web 浏览器时,网页被从文本转化成对象模型。无论代码简单或复杂,集中到一个文件还是分散到多个文件,都是如此。然后浏览器直接使用对象模型而不是您提供的文本文件。浏览器使用的模型称为文档对象模型(Document Object Model,DOM)。它连接表示文档中元素、属性和文本的对象。HTML 和 CSS 中所有的样式、值、甚阅读全文>
发表于 @ 2008年04月01日 08:43:00|评论(loading...)|编辑|收藏
掌握 Ajax,第 4 部分: 利用 DOM 进行 Web 响应将 HTML 转换为对象模型级别: 初级Brett McLaughlin (brett@newInstance.com), 作家,编辑, O'Reilly Media Inc.2006 年 4 月 10 日程序员(使用后端应用程序)和 Web 程序员(编写 HTML、CSS 和 JavaScript 上)之间的分水岭是长久存在的。但是,Document Object Model (DOM) 弥补了这个裂缝,使得在后端使用 XML 同时在前端使用 HML 切实可行,并成为极其有效的工具。在本文中,Brett McLaughlin 介绍了 Document Object Model,解释它在 Web 页面中的应用,并开始挖掘其在 JavaScript 中的用途。与许多 Web 程序员一样,您可能使用过 HTML。HTML 是程序员开始与 Web 页面打交道的方式;HTML 通常是他们完成应用程序或站点前的最后一步——调整一些布局、颜色或样式。不过,虽然经常使用 HTML,但对于 HT阅读全文>
发表于 @ 2008年04月01日 08:42:00|评论(loading...)|编辑|收藏
掌握 Ajax,第 3 部分: Ajax 中的高级请求和响应全面理解 HTTP 的状态代码、就绪状态和 XMLHttpRequest 对象级别: 初级Brett McLaughlin (brett@newInstance.com), 作家,编辑, O'Reilly Media Inc.2006 年 3 月 23 日对于很多 Web 开发人员来说,只需要生成简单的请求并接收简单的响应即可;但是对于希望掌握 Ajax 的开发人员来说,必须要全面理解 HTTP 状态代码、就绪状态和 XMLHttpRequest 对象。在本文中,Brett McLaughlin 将向您介绍各种状态代码,并展示浏览器如何对其进行处理,本文还给出了在 Ajax 中使用的比较少见的 HTTP 请求。在本系列的 上篇文章 中,我们将详细介绍 XMLHttpRequest 对象,它是 Ajax 应用程序的中心,负责处理服务器端应用程序和脚本的请求,并处理从服务器端组件返回的数据。由于所有的 Ajax 应用程序都要使用 XMLHttpRequest 对象,因此您可能会希望熟悉这阅读全文>
发表于 @ 2008年04月01日 08:40:00|评论(loading...)|编辑|收藏
多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程。有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响应模型了。本文中,Brett McLaughlin 介绍了如何创建能够适应不同浏览器的 XMLHttpRequest 实例,建立和发送请求,并响应服务器。本系列的上一期文章(请参阅 参考资料 中的链接),我们介绍了 Ajax 应用程序,考察了推动 Ajax 应用程序的基本概念。其中的核心是很多您可能已经了解的技术:JavaScript、HTML 和 XHTML、一点动态 HTML 以及 DOM(文档对象模型)。本文将放大其中的一点,把目光放到具体的 Ajax 细节上。阅读全文>
发表于 @ 2008年04月01日 08:36:00|评论(loading...)|编辑|收藏