首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

struts2返回JSON,jquery解析JSON(回到的可能是LIST,MAP,对象,单个值)

2013-11-08 
struts2返回JSON,jquery解析JSON(返回的可能是LIST,MAP,对象,单个值)//初始加载页面时$(document).ready(

struts2返回JSON,jquery解析JSON(返回的可能是LIST,MAP,对象,单个值)
//初始加载页面时$(document).ready( function() {//为获取单个值的按钮注册鼠标单击事件$("#getMessage").click( function() {$.getJSON("jsontest!returnMessage.action", function(data) {//通过.操作符可以从data.message中获得Action中message的值$("#message").html("<font color='red'>"+data.message+"</font>");});});//为获取UserInfo对象按钮添加鼠标单击事件$("#getUserInfo").click( function() {$.getJSON("jsontest!returnUserInfo.action", function(data) {//清空显示层中的数据$("#message").html("");//为显示层添加获取到的数据//获取对象的数据用data.userInfo.属性$("#message").append("<div><font color='red'>用户ID:"+data.userInfo.userId+"</font></div>").append("<div><font color='red'>用户名:"+data.userInfo.userName+"</font></div>").append("<div><font color='red'>密码:"+data.userInfo.password+"</font></div>")});});//为获取List对象按钮添加鼠标单击事件$("#getList").click( function() {$.getJSON("jsontest!returnList.action", function(data) {//清空显示层中的数据$("#message").html("");//使用jQuery中的each(data,function(){});函数//从data.userInfosList获取UserInfo对象放入value之中//下面如果不写data.userInfosList则要在struts2中result如下写.//<result name="success" type="json">//??? <param name="root">userInfosList</param>//</result>$.each(data.userInfosList, function(i,value) {$("#message").append("<div>第"+(i+1)+"个用户:</div>").append("<div><font color='red'>用户ID:"+value.userId+"</font></div>").append("<div><font color='red'>用户名:"+value.userName+"</font></div>").append("<div><font color='red'>密码:"+value.password+"</font></div>");});});});//为获取Map对象按钮添加鼠标单击事件$("#getMap").click( function() {$.getJSON("jsontest!returnMap.action", function(data) {//清空显示层中的数据$("#message").html("");//使用jQuery中的each(data,function(){});函数//从data.userInfosList获取UserInfo对象放入value之中//key值为Map的键值$.each(data.userInfosMap, function(key,value) {$("#message").append("<div><font color='red'>用户ID:"+value.userId+"</font></div>").append("<div><font color='red'>用户名:"+value.userName+"</font></div>").append("<div><font color='red'>密码:"+value.password+"</font></div>");});});});//向服务器发送表达数据$("#regRe").click( function() {//把表单的数据进行序列化var params = $("form").serialize();//使用jQuery中的$.ajax({});Ajax方法$.ajax({url:"jsontest!gainUserInfo.action",type:"POST",data:params,dataType:"json",success: function(data) {//清空显示层中的数据$("#message").html("");//为显示层添加获取到的数据//获取对象的数据用data.userInfo.属性$("#message").append("<div><font color='red'>用户ID:"+data.userInfo.userId+"</font></div>").append("<div><font color='red'>用户名:"+data.userInfo.userName+"</font></div>").append("<div><font color='red'>密码:"+data.userInfo.password+"</font></div>")}});});});

热点排行