基于JSON的高级AJAX开辟技术[Java编程]

1、 引言

毫无疑问,AJAX已经成为当今Web开辟中一种强有力的用户交互技术,但是它的很多大概性利用仍旧不为人知.在本文中,我们将来共同探究若何利用JavaScript对象标志(JSON)和JSON解析器在服务器和客户端AJAX引擎之间成立复杂而强有力的JSON数据传输层.我们将具体谈论若何成立一组对象(在别的语言中常常被当作一个包),若何把这些对象串行化为JSON以发送到服务器端,以及若何把服务器端JSON反串行化为客户端JavaScript对象.

提醒:你可以在Douglas Crockford的网站上找到本文中利用的JSON解析器.

在持续阅读前,本文假定你已经掌握了JavaScript技术并且理解若何成立一个基本的AJAX引擎,并经过AJAX技术向服务器端发出恳求和从服务器端接纳呼应.为了更好地理解本文中示例,你需求下载本文呼应的源码文件.

2、 开始

为了进一步抽象我们的AJAX恳求并有助于我们今后在差别的利用程序间同享AJAX引擎代码,本文利用了一个我自己成立的AJAX引擎.为了利用这个引擎,我们简单地导入三个JavaScript文件并且向一个名为AjaxUpdater的对象发出恳求.然后,由该引擎来负责处理别的任务,包含把呼应代理到在该恳求中指定的回调办法中.下面的示例展示了我们若何利用这个引擎发出恳求以及导入相关的文件:

以下是引用片段:
＜script type="text/javascript"src="javascript/model/Ajax.js"＞＜/script＞
＜script type="text/javascript" src="javascript/model/HTTP.js"＞＜/script＞
＜script type="text/javascript" src="javascript/model/AjaxUpdater.js"＞＜/script＞
＜script type="text/javascript"＞ document.load = AjaxUpdater.Update(’GET’, URL, callback); ＜/script＞

首先,让我们来谈论JavaScript对象.

3、 JavaScript对象

JavaScript从前常常被曲解,仿佛它主要用于实现客户浏览器端图形效果.其实,JavaScript是一种强有力的语言,分外当它与AJAX以及一个利用程序的服务器端相结合时;但是,即便在客户端,JavaScript也可以实现远比你意料得多的多的功效.面向对象的JavaScript就是一个示例,它可以使我们成立对象,扩大内涵对象,乃至可以把我们的对象成立成包以到达更简单的管理之目的.

在本文示例中,我们将成立三个对象:Auto,Car和Wheel.此中,每一个都是简单的对象;在此,我们仅利用它们来展示若何成立一个基本包.

首先,Auto对象被声明为一个新的对象:

以下是引用片段:
　　 var Auto = new Object();

注意,这个Auto对象将用作Car对象的父类.因此,Car对象将成为Auto对象的一个属性,只不过它被别离到另一个文件中以更易于管理(这个概念常常被用于别的面向对象的语言中,但是在JavaScript中却并不常常提起它).下面是这个Car对象呼应的代码:

以下是引用片段:
　　 Auto.Car = new Object();
　　 Auto.Car.color = "#fff";
　　 Auto.Car.setColor = function(_color)
　　 {
　　 Auto.Car.color = _color;
　　 }
　　 Auto.Car.setColor("#333");

如你所见,该Car对象是Auto对象的一个子对象—这清楚是一种类对象层次构造.这个对象有一个名为color的属性和一个用于设置它的办法.在此,我们把color属性设置为灰色以覆盖掉缺省的白色.当在背面我们串行化该对象时请紧记着这个事实.

下一个对象,Wheel,是Car的一个子对象:

以下是引用片段:
Auto.Car.Wheel = new Object();
Auto.Car.Wheel.color = "#000";

在此,Wheel是一个基本对象,但是它展示了对象层次中的又一个层.这个对象有一个称为color的缺省值为黑色(“#000”)的属性.
　　以上是“基于JSON的高级AJAX开辟技术[Java编程]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：