详谈基于JSON的高级AJAX开发技术

本文将解释如何使用AJAX和JSON analyzer在客户机和服务器之间创建一个复杂的JSON数据传输层。

一.导言

毫无疑问，AJAX已经成为当今Web开发中一项强大的用户交互技术，但其许多可能的应用仍然未知。在本文中，我们将讨论如何使用JavaScript对象标记(JSON)和JSON analyzer在服务器和客户端AJAX引擎之间创建一个复杂而强大的JSON数据传输层。我们将详细讨论如何创建一组对象(在其他语言中通常被视为一个包)，如何将这些对象序列化为JSON发送到服务器端，以及如何将JSON从服务器端反序列化为客户端JavaScript对象。

提示:您可以在道格拉斯·克洛克福特的网站上找到本文中使用的JSON分析器。

在继续阅读之前，本文假设您已经掌握了JavaScript技术，知道如何创建一个基本的AJAX引擎，并通过AJAX技术向服务器发送请求和从服务器接收响应。为了更好地理解本文中的示例，您需要下载本文中相应的源文件。

第二，开始

为了进一步抽象我们的AJAX请求，并帮助我们将来在不同的应用程序之间共享AJAX引擎代码，本文使用了我自己创建的AJAX引擎。要使用这个引擎，我们只需导入三个JavaScript文件，并向一个名为AjaxUpdater的对象发出请求。然后，引擎负责处理其他任务，包括代理对请求中指定的回调方法的响应。以下示例显示了我们如何使用该引擎来发出请求和导入相关文件:

以下是一段引文片段:

＜script type="text/javascript"src="https://www.qiqixi.com/img.php?pic=javascript/model/Ajax.js"＞＜/script＞
＜script type="text/javascript" src="https://www.qiqixi.com/img.php?pic=javascript/model/HTTP.js"＞＜/script＞
＜script type="text/javascript" src="https://www.qiqixi.com/img.php?pic=javascript/model/AjaxUpdater.js"＞＜/script＞
＜script type="text/javascript"＞
document.load = AjaxUpdater.Update(’GET’， URL， callback);
＜/script＞ < script type = " text/JavaScript " src = " https://www . Qiqi Xi . com/img . PHP？pic = JavaScript/model/Ajax . js " >
< script type = " text/JavaScript " src = " https://www . qiqixi . com/img . PHP？pic = JavaScript/model/http . js " >
< script type = " text/JavaScript " src = " https://www . qiqixi . com/img . PHP？pic = JavaScript/model/Ajax updater . js " >
< script type = " text/JavaScript " >
document . load = Ajax updater。更新(' GET '，URL，回调)；

首先，让我们讨论JavaScript对象。