当前位置: 首页 > 图文教程 > Java技术 > Web框架 > Web框架:小编浅谈Struts2中使用JSON插件实现Ajax

Web框架
浅谈Ajax与Spring集成
浅谈Mock和基于Spring容器管理事务的测试
Hibernate中一级缓存与二级缓存
浅谈Hibernate的配置信息(一)
浅谈Hibernate的配置信息(二)
浅谈Spring中使用Quartz来执行计划任务
浅谈JFreeChart实时曲线(代码)
Ajax框架中选DWR还是A4J
浅谈Hibernate中关联问题
浅谈项目开发过程中使用Struts-menu
浅谈使用模板模式简化操作Hibernate
Hibernate中加载并存储对象
浅谈Hibernate依赖对象(Dependent objects)
浅谈Hibernate中自定义值类型
ORM那些事
51培训对Hibernate中的事务详解
51培训详谈Hibernate检索
详谈Struts2的核心概念(上)
详谈Struts2的核心概念(下)
浅谈应用dom4j操作xml文件

Web框架:小编浅谈Struts2中使用JSON插件实现Ajax


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 537 ::
收藏到网摘: n/a

今天小编和大家分享的是JSON插件实现Ajax,希望对大家有所帮助。

1JSON基础知识

 

JSON插件是Struts2Ajax插件,通过利用JSON插件,允许开发者以非常灵活简单的方式来开发Ajax应用。

 

JSON的全称是JavaSrcipt Object Notation,JavaScript对象符号,它是一种轻量级的数据交换格式.JSON的数据格式既适合人类的读写,也适合计算机的解析和生成.最早的时候,JSONJavaScript语言的数据交换格式,后来发展成一种语言无关的数据交换格式,这点类似于XML.

 

JSON提供了多种语言之间完成数据交换的能力,因此,JSON也是一种非常理想的数据交换格式,JSON主要有如下两种数据结构:

1,key-value对组成的数据结构,这种数据结构在不同的语言中,有不责骂的实现.例如:JavaScript中是一个对象,Java中一种Map结构,C语言,则是一个struct.

2,有序集合.这种数据结构在不同语言中,可能有list,vector,数组,序列等实现.

 

上面的两种数据结构,在不同的语言中都有对应的实现,因此,这种简便的数据表示方式完全可以实现跨语言.因此可以作为程序设计语言中通用的数据交换格式.

JavaScript中主要有两种JSON的语法:一是用于创建对象;二是用于创建数组.

 

1,使用JSON语法创建对象

 

JSON语法创建对象是一种更简单的方式,使用JSON语法可避免书写函数,也可避免使用new关键字,而是直接获取一个JavaScript对象。JavaScript中创建对象的语法如下:

 

//定义一个函数作为构造器

function Person(name, sex){

this.name=name;

this.sex=sex;

}

//创建一个Person实例

var p = new Person('annlee','male');

//输出Person实例

alert(p.name);

 

使用JSON的语法如下:

 

var p = {

"name":'annlee',"sex":'male'

};

alert(p);

 

这种语法就是一种JSON语法,显然,使用JSON语法创建对象更加简捷,方便。它的value不仅仅可以是普通的字符串,还可以是任何基本数据类型,函数,数组,另一个JSON对象等等。

 

2,使用JSON语法创建数组

 

JavaScript创建数组的语法如下:

 

//创建数组对象

var a = new Array();

//为数组元素赋值

a[0]='annlee';

a[1]='male';

alert(a);

 

或者用下面的方法:

 

//创建数组对象

var a = new Array('annlee','male');

alert(a);

 

使用JSON语法创建数组用如下方法:

 

//创建数组对象

var a = ['annlee','male'];

alert(a);

 

由于JSON语法的简单易用,而且作为数据传输载体时,数据传输量更小,因此在Ajax交互中,往往不使用XML,而是使用JSON作为数据交换格式。如果要交换一个对象person,它的name=annlee,gender=male,age=25,使用JSON语法可以简单成如下格式:

 

person = {

name:'annlee',

gender:'male',

age:26

}

以上就是今天和大家分享的,以后会不断更新,希望大家关注软晨学习网,如果大家有什么疑问欢迎到软晨学习网论坛里发帖,大家相互讨论学习。