`
javadingle2008
  • 浏览: 66342 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多
本文将解释如何使用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
分享到:
评论

相关推荐

    详谈 Jquery Ajax异步处理Json数据.

    3. JSON数据格式:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,由于JSON的这些特性,它成为了Ajax交互中最常用的数据格式之一。在Ajax请求中,...

    jQuery Ajax异步处理Json数据详解

    jQuery AJAX 是一种强大的异步数据通信技术,它允许我们在不刷新整个页面的情况下与服务器交换数据。在处理 JSON 数据时,jQuery 提供了便捷的方法来解析和操作这些数据。JSON(JavaScript Object Notation)是一种...

    详谈ajax返回数据成功 却进入error的方法

    在这篇文章中,我们来讨论一个在使用AJAX技术进行前后端数据交互过程中非常常见的问题:即使数据成功返回,AJAX调用却错误地进入了error回调函数。在深入分析问题原因之前,作者首先提供了一个可能的解决方案:在...

    详谈Java中net.sf.json包关于JSON与对象互转的坑

    JSON在Web开发中广泛用作前后端数据交换的格式,尤其是在AJAX技术中。它由一系列的“key-value”对组成,形式上类似于Map键值对的存储方式。Java中将对象与JSON字符串互相转换的过程被称为序列化与反序列化,类似于...

    详谈JSON与Javabean转换的几种形式

    在Web开发中,常常需要在客户端和服务器之间交换数据,JSON由于其良好的数据描述能力和跨平台特性,经常被用作数据交换的格式。而Javabean由于其良好的封装性,通常被用作服务器端的数据模型。 在Java开发中,将...

    详谈在flask中使用jsonify和json.dumps的区别

    在使用Flask框架进行Web开发的过程中,经常需要向客户端返回JSON格式的数据。Flask提供了jsonify工具函数来简化这一过程,而Python标准库中的json模块同样提供了处理JSON数据的dumps方法。本文将详细介绍Flask中...

    详谈Linux系统之实时监控相关技术.docx

    ### 详谈Linux系统之实时监控相关技术 #### 一、引言 随着万物互联及大数据技术的迅猛发展,安全、稳定且可靠的服务器系统成为支持现代数字生活的基石。本文将重点探讨一种能在线上部署、实时采集并存储系统相关...

    小组软件过程——开发详谈

    TSP是基于个人软件过程(Personal Software Process, PSP)的一种扩展,它不仅关注个人技能的提升,还强调团队协作的重要性。通过定义明确的角色、职责以及一系列规范化的流程,TSP帮助团队成员更好地理解项目需求,...

    WPF开发教程 ----WPF C# 编程 界面开发(很不错)

    8. 详谈WPF开发中的数据虚拟化 64 XAML语法 74 1. XAML语法术语 74 2. 代码隐藏和XAML 82 3. XAML和自定义类 83 4. 标记扩展和XAML 87 5. XAML命名空间和命名空间映射 90 6. WPF名称范围 92 WPF控件开发 95 1. WPF...

    详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)

    在JavaScript的世界里,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在使用Ajax进行数据交互时,`async` 参数是一个...

    大数据培训-详谈数据科学与大数据技术专业-光环大数据培训.pdf

    大数据培训-详谈数据科学与大数据技术专业-光环大数据培训.pdf

    详谈jQuery Ajax(load,post,get,ajax)的用法

    在今天的互联网开发中,AJAX技术已经成为了不可或缺的一部分,尤其是在Web开发中,无论是动态加载内容,还是与服务器异步交互数据,AJAX都扮演着重要的角色。jQuery是一个快速、小巧且功能丰富的JavaScript库,通过...

    详谈fastjson将对象格式化成json时的两个问题

    在使用Fastjson将Java对象转换成JSON格式时,可能会遇到两个常见的问题,这些问题与对象的继承结构和集合处理有关。本文将深入探讨这两个问题,并提供相应的解决方案。 首先,让我们来看第一个问题:关于对象继承的...

Global site tag (gtag.js) - Google Analytics