本文将解释如何使用AJAX和JSON分析器在客户端和服务器之间创建复杂的JSON数据传输层。
一、 引言
毫无疑问,AJAX已经成为当今Web开发中一种强有力的用户交互技术,但是它的许多可能性应用仍然鲜为人知。在本文中,我们将来共同探讨如何使用JavaScript对象标志(JSON)和JSON分析器在服务器和客户端AJAX引擎之间创建复杂而强有力的JSON数据传输层。我们将详细讨论如何创建一组对象(在其它语言中经常被当作一个包),如何把这些对象串行化为JSON以发送到服务器端,以及如何把服务器端JSON反串行化为客户端JavaScript对象。
提示:你可以在Douglas Crockford的网站上找到本文中使用的JSON分析器。
在继续阅读前,本文假定你已经掌握了JavaScript技术并且了解如何创建一个基本的AJAX引擎,并经由AJAX技术向服务器端发出请求和从服务器端接收响应。为了更好地理解本文中示例,你需要下载本文相应的源码文件。
二、 开始
为了进一步抽象我们的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对象。
三、 JavaScript对象
JavaScript以前经常被误解,似乎它主要用于实现客户浏览器端图形效果。其实,JavaScript是一种强有力的语言,特别当它与AJAX以及一个应用程序的服务器端相结合时;但是,即使在客户端,JavaScript也能够实现远比你预料得多的多的功能。面向对象的JavaScript就是一个示例,它能够使我们创建对象,扩展内在对象,甚至能够把我们的对象创建成包以达到更容易的管理之目的。
在本文示例中,我们将创建三个对象:Auto,Car和Wheel。其中,每一个都是简单的对象;在此,我们仅使用它们来展示如何创建一个基本包。
首先,Auto对象被声明为一个新的对象:
以下是引用片段:
........详细信息到这里:
http://www.javadingle.com
分享到:
- 2007-09-21 10:05
- 浏览 1488
- 评论(0)
- 论坛回复 / 浏览 (0 / 2103)
- 查看更多
相关推荐
3. JSON数据格式:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,由于JSON的这些特性,它成为了Ajax交互中最常用的数据格式之一。在Ajax请求中,...
jQuery AJAX 是一种强大的异步数据通信技术,它允许我们在不刷新整个页面的情况下与服务器交换数据。在处理 JSON 数据时,jQuery 提供了便捷的方法来解析和操作这些数据。JSON(JavaScript Object Notation)是一种...
JSON在Web开发中广泛用作前后端数据交换的格式,尤其是在AJAX技术中。它由一系列的“key-value”对组成,形式上类似于Map键值对的存储方式。Java中将对象与JSON字符串互相转换的过程被称为序列化与反序列化,类似于...
在网上查了一大堆,有的说把 dataType:”json”, 去掉就好使了,但是我没好使。。。。 后来发现我的是跨域了。我在后台直接加上这几句代码就好了 PrintWriter out = response.getWriter(); response.setHeader(...
在前端开发中,表单数据的处理是一项常见的任务,特别是当需要通过Ajax无刷新提交时。jQuery.serializeJSON插件提供了一种方便的方式来将表单数据转换为JavaScript对象,便于进一步处理和传输。下面我们将详细讨论这...