小编浅谈Struts2中使用JSON插件实现Ajax
今天小编和大家分享的是JSON插件实现Ajax，希望对大家有所帮助。
1，JSON基础知识
JSON插件是Struts2的Ajax插件，通过利用JSON插件，允许开发者以非常灵活简单的方式来开发Ajax应用。
JSON的全称是JavaSrcipt Object Notation,即JavaScript对象符号,它是一种轻量级的数据交换格式.JSON的数据格式既适合人类的读写,也适合计算机的解析和生成.最早的时候,JSON是JavaScript语言的数据交换格式,后来发展成一种语言无关的数据交换格式,这点类似于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 = ['an
相关文档：
Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。
XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术� ......
这里我们再理解了AJAX后，开始来用实例感受AJAX的力量。
今天我最后要实现的效果，当鼠标放到图片上时会根据，会把数据库库里的数据读出，通过显示框显示出来。这个在很多网上商店都有用到这里效果，我们这里用AJAX来实现这个效果。这个实例里结合了MySql、Servlet还有Js，理论性很少，但通过实践来感受理论知识。
......
简单的描述下 DWR 配置（保密协议，在此不公开项目名称，项目相关名称全部用XXXX代替）
首先 废话不说了 大家都应该理解DWR的用处 不懂的去百度
必要包 DWR.JAR 官方下载地址http://directwebremoting.org/dwr/download.html
这个项目是由 SSH+dwr+jquery+sitemesh+freemarker
WEB.XML
<!-- dwr -->
<serv ......
一、 新建一个Ajax_Start的网站
二、 在网站中添加一个web服务（ws_start.asmx）
在vs2008中，添加一个web服务生成了两个文件，一个是asmx文件，一个是在App_code里的cs文件；我觉得这样并不好，� ......
ICallbackEventHandler
aspx 页面：
function CallServer(PhotoId)
{
document.getElementById("updatediv").style.display = "block";
documen ......
