`
猪↘專屬|华
  • 浏览: 164003 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

    博客分类:
  • json
阅读更多

//初始加载页面时
$(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之中
   $.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>")
   }
  });
 });
});

1
0
分享到:
评论
1 楼 meitianhua 2012-10-01  
请教一个问题,
我用struts2的json,返回一个map(自定义类,list<自定义类>)结构,到前台也返回了json,但是 我不知道如何取值,

那striuts.xml用includeProperties,如何配置map结构数据呢?

相关推荐

    struts2返回JSON数据的两种方式

    在本文中,我们将探讨两种在Struts2框架中返回JSON数据的方法。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛用于前后端交互,尤其是在AJAX请求中。Struts2提供了一套方便的机制来支持JSON...

    Struts2返回JSON对象的方法总结完整实例

    如果是作为客户端的HTTP+JSON接口工程,没有JSP等view视图的情况下,使用Jersery框架开发绝对是第一选择。... Struts2返回JSON有两种方式:1.使用Servlet的输出流写入JSON字符串;2.使用Struts2对JSON的扩展。

    struts2返回json

    4. **设置内容类型**:为了确保浏览器正确解析返回的数据,你需要在Action中设置响应的MIME类型为`application/json`。这可以通过使用`ValueStack`的`setContentType()`方法来完成。 5. **返回数据**:Action执行后...

    Struts2+JSON+JQuery实现简单的验证

    6. **实现JSON返回**:在Struts2 Action中,使用`ValueStack`或`ActionContext`将验证结果转化为JSON对象,然后设置结果类型为JSON,让Struts2自动处理JSON响应。 7. **测试**:启动Tomcat服务器,访问JSP页面,...

    struts+json+jquery练习小项目包括返回单个字符、对象、list、map

    在这个练习小项目中,我们关注的是如何利用Struts2与JSON(JavaScript Object Notation)和jQuery进行集成,以实现数据的交互和展示。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成...

    Struts2 Tiles JSON jQuery Convention

    这个"Struts2 Tiles JSON jQuery Convention"的资料包可能是为了展示如何在Struts2框架下结合Tiles、JSON和jQuery实现高效、灵活的Web应用开发。下面将详细解释这些技术的结合以及它们如何协同工作。 1. **Struts2*...

    struts2 Ajax json Jquery demo

    在描述中提到,JQuery将用于发送数据到Struts2 Action,并处理返回的JSON对象。jQuery的`$.ajax()`或`$.getJSON()`方法可以轻松实现这个功能。 JSON,全称JavaScript Object Notation,是一种轻量级的数据交换格式...

    json-lib-2.1.jar和struts2-json-plugin-2.1.8.1.jar

    - JSON解析:jQuery提供了解析JSON数据的内置函数,可以方便地将JSON数据转化为JavaScript对象。 - 动态DOM操作:通过jQuery,可以高效地在页面上添加、修改或删除元素,根据接收到的JSON数据更新UI。 结合这三个...

    struts2+json

    当Action执行完毕后,可以返回一个JSON结果类型,Struts2会自动将Action的属性转换为JSON格式并返回给前端。 接着,我们讨论AJAX。AJAX是一种在不重新加载整个网页的情况下,能够更新部分网页的技术。在本资源中,...

    struts2.3.20生成返回json 浏览器解析json

    需要注意的是,为了跨域安全,你可能还需要在Struts2的配置中设置允许跨域请求,例如在`struts.xml`中添加以下配置: ```xml &lt;constant name="struts.i18n.encoding" value="UTF-8"/&gt; &lt;constant name="struts....

    一个简单的struts2+json+jquery 交互的例子

    Action类可能包含一个方法,该方法返回一个封装了数据的Java对象,并且需要在Struts2的配置文件中声明这个方法应该返回JSON类型的结果。 接着,我们需要配置Struts2的JSON插件,以支持JSON输出。这通常涉及在struts...

    Struts2返回JSON对象.doc

    在Struts2框架中,返回JSON对象是一种常见的数据传输方式,特别是在前后端分离的开发模式下。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。以下将...

    struts2-json

    Struts2的JSON插件会自动设置合适的HTTP响应头,如`Content-Type`为`application/json`,确保浏览器正确解析返回的数据。 7. **安全考虑**: 使用Struts2的JSON功能时,需要注意安全问题。由于JSON可以暴露敏感...

    struts2返回json数据的方法一 使用json-default

    本篇文章将详细讲解如何在Struts2中使用“json-default”拦截器来返回JSON数据。 首先,我们需要理解Struts2的拦截器(Interceptor)机制。拦截器是Struts2框架的核心组件之一,它们在Action执行前后执行特定的任务...

    Struts2JQueryJson

    Struts2JQueryJson是一个基于Struts2框架的项目,主要展示了如何在前端使用JQuery库来处理由后台返回的JSON格式数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便...

    Struts2+Jquery+JSON 应用例子

    Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON

    Struts2 返回json对象

    在 Struts2 中,返回 JSON 对象是通过 JSON 插件来实现的,这个插件提供了一个可以返回“JSON”结果类型的序列化动作。 在 Struts2 中,序列化过程是递归的,这意味着整个对象图,动作类(基类不包括在内)将被序列...

    struts2与json整合

    在探讨“Struts2与JSON整合”的主题时,我们深入分析了如何在Struts2框架中集成JSON技术,实现前后端数据的高效交互。Struts2作为一款流行的Java Web开发框架,提供了丰富的功能来简化Web应用程序的开发过程。而JSON...

    struts2的方式返回json到jsp页面 List,Map,Object,对象各种操作都有....MyEclipse的,导入直接看效果。

    jsp通过Ajax无刷新获取Action返回的模拟数据,然后通过struts2转化成json数据返回页面....这里面Map,List,对象等等,一些常用的操作都有。主要的代码在Action和 json.js里面。适合新手入门

Global site tag (gtag.js) - Google Analytics