struts2用response怎么将json值返回到页面javascript解析，这里介绍一个struts2与json整合后包的用法。

1.准备工作

①ajax使用Jquery：jquery-1.4.2.min.js

②struts2与json的依赖包：struts2-json-plugin-2.2.3.jar

PS：版本可自己控制！~

2.过程

①引入json依赖包

②编写action类

③配置struts.xml

④编写页面

⑤测试

3.实例

① action类，JsonAction  注意包名

package com.zxt.action;

import com.opensymphony.xwork2.ActionSupport;

/**

 *

* @Title: JsonAction.java

* @Package com.zxt.action

* @Description:struts2 + ajax + json用例

* @author zxt

* @date 2011-12-6 上午10:38:51

* @version V1.0

 */

public class JsonAction extends ActionSupport {

 /**

  *

  */

 private static final long serialVersionUID = 7443363719737618408L;

 /**

  * 姓名

  */

 private String name;

 /**

  * 身高

  */

 private String inch;

 /**

  * ajax返回结果，也可是其他类型的，这里以String类型为例

  */

 private String result;

 @Override

 public String execute() throws Exception {

  // TODO Auto-generated method stub

  if("张三".equals(name)) {

   result = "身份验证通过,身高为" + inch;

  } else

   result = "不是张三！";

  return SUCCESS;

 }

 public String getName() {

  return name;

 }

 public void setName(String name) {

  this.name = name;

 }

 public String getInch() {

  return inch;

 }

 public void setInch(String inch) {

  this.inch = inch;

 }

 /**

  *

 * @Title: getResult

 * @Description:json调取结果

 * @param @return

 * @return String

 * @throws

  */

 public String getResult() {

  return result;

 }

}

②struts配置。 struts.xml

创建一个新的package，引入json-default

<package name="ajax" extends="json-default">

    <action name="jsonAjax" class="com.zxt.action.JsonAction">

      <!-- 将返回类型设置为json -->

      <result type="json"></result>

    </action>

  </package>

③ 页面ajax写法，json.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<base href="<%=basePath%>">

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>测试</title>

<script type="text/javascript" src="include/js/jquery-1.4.2.min.js"></script>

<script type="text/javascript">

   $(function() {

     $("#tj").click(function() {

    //提交的参数，name和inch是和struts action中对应的接收变量

        var params = {

           name : $("#xm").val(),

           inch : $("#sg").val()

        };

        $.ajax({

    type: "POST",

    url: "jsonAjax.action",

    data: params,

    dataType:"text", //ajax返回值设置为text（json格式也可用它返回，可打印出结果，也可设置成json）

    success: function(json){

    var obj = $.parseJSON(json);  //使用这个方法解析json

                var state_value = obj.result;  //result是和action中定义的result变量的get方法对应的

    alert(state_value);

    },

    error: function(json){

     alert("json=" + json);

     return false;

    }

    });

     });

   });

</script>

</head>

<body>

  <span>姓名：</span><input id="xm" type="text">

  <br/>

  <span>身高：</span><input id="sg" type="text">

  <br/>

  <input type="button" value="提交" id="tj">

</body>

</html>

④启动站点，测试吧！~

按这个走完，一切ok。准备测试吧，看看它的强大效果！~O(∩_∩)O~

这只是最简单的一个例子（前后台交互），他能做的工作是非常多的，尽情发挥你的思想和才能吧！~

good luck！

PS：

JQuery解析list的时候可参考，下面的小例子

var data = {"list":[{"id":1,"content":"测试信息1111"},{"id":2,"content":"测试信息2222"}]}

  $.each(data.list, function(i, item) {

     alert(item.id);

     alert(item.content);

  });

struts2 + ajax + json的结合使用，实例讲解的更多相关文章

  1. Struts2 ajax json使用介绍

    一.jar包首先引入Struts和json所需的jar包. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXRteWhvbWUxOTkw/font/5a6 ...

  2. Struts Ajax Json

    一.包 struts2与json的依赖包:struts2-json-plugin-2.2.3.jar 二.过程: ①引入json依赖包 ②编写action类 ③配置struts.xml ④编写页面 ⑤ ...

  3. Struts+Spring+Hibernate项目整合AJAX+JSON

    1.什么是AJAX AJAX是 "Asynchronous JavaScript and XML" 的简称,即异步的JavaScript和XML. 所谓异步,就是提交一个请求不必等 ...

  4. JSON.stringify 语法实例讲解+easyui data-options属性+expires【申明：来源于网络】

    JSON.stringify 语法实例讲解+easyui data-options属性+expires[申明:来源于网络] JSON.stringify 语法实例讲解:http://www.jb51. ...

  5. （转）使用 CJSON 在C语言中进行 JSON 的创建和解析的实例讲解

    使用 CJSON 在C语言中进行 JSON 的创建和解析的实例讲解   本文用代码简单介绍cjson的使用方法,1)创建json,从json中获取数据.2)创建json数组和解析json数组 1. 创 ...

  6. [转] 关于Struts-JSON配置(详解带实例struts2的json数据支持)

    关于Struts-JSON的提高开发效率 一.JSON是什么? :JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解 析和 ...

  7. Struts2+JQuery+Json登陆实例

    Struts2+JQuery+Json登陆实例 博客分类: Struts2   在搭建之前.. 首先,需要准备struts2.0框架的5个核心包, 以及jsonplugin-0.32.jar 以及js ...

  8. json与java对象的转换,以及struts2对json的支持,实现ajax技术

    这两天学的东西有点多,今天抽个时间写下来,以此作为激励,这两天学了json,ajax,jQuery 一.使用第三方的工具java转换为json类型 首先就是java类型转换为json对象,首先要导入第 ...

  9. 【转】Struts2中json插件的使用

    配置注意点: 在原有Struts2框架jar包的引入下,需要额外多加一个Json的插件包(struts2-json-plugin-2.3.7.jar) 在struts.xml配置文件中,包需要继承js ...

随机推荐

  1. Photoshop Cc高级设计师培训视频教程（共109节课程）

    Photoshop Cc高级设计师培训视频教程(共109节课程) 专业培训Photoshop技能,其他网站收费内容,这里收集了,免费分享给你们哦~ 以下为部分截图: 下载地址: http://fu83 ...

  2. liunx检查与安装软件包

    检查软件包# rpm -qa | grep 例如:# rpm -qa | grep make检查make包 安装软件包 yum install 例如:yum install  unixODBC安装un ...

  3. Android调用蓝牙打印机

    首先需要一个jar包,bluesdk,请自行百度. 具体排版样式跟网络打印机打印排版样式实现一样,这里不多叙述,只贴一个实现方法代码.蓝牙打印机使用前需要先跟手机配对,可以保存在本地,记录下地址,这里 ...

  4. window8配置IIS,搭建应用程序网站。

    这个里面的一定要勾选,不然会有莫名其妙的错误. 在应用程序池中,如果你是64位电脑,需勾选启用32位应用程序为 true

  5. 利用mstsc远程桌面传送文件，记录一下

    尼玛之前服务器上传有点异常,在服务器装了一个上传下载监控的软件,用的是什么 绿色版QQ流量监控,绿色是挺绿色的,装了就等哭吧.没时间打字反正就是删除不了,后来想办法删除了.艹.所有服务除了系统服务能上 ...

  6. JavaScript里面三个等号和两个等号有什么区别？

    1.对于string,number等基础类型,==和===是有区别的 a)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等 b)同类型比较,直接进 ...

  7. 【MPI学习3】MPI并行程序设计模式：不同通信模式MPI并行程序的设计

    学习了MPI四种通信模式 及其函数用法: (1)标准通信模式:MPI_SEND (2)缓存通信模式:MPI_BSEND (3)同步通信模式:MPI_SSEND (4)就绪通信模式:MPI_RSEND ...

  8. 在线富文本编辑器FckEditor配置（.Net Framework 3.5）

    进入FCKeditor文件夹,编辑 fckconfig.js 文件.1.上传设置  .  var _FileBrowserLanguage         = 'php' ;         // a ...

  9. 深入理解C#泛型

    前面两篇文章介绍了C#泛型的基本知识和特性,下面我们看看泛型是怎么工作的,了解一下泛型内部机制. 泛型内部机制 泛型拥有类型参数,通过类型参数可以提供"参数化"的类型,事实上,泛型 ...

  10. jQuery使用之（四）处理页面的表单元素

    表单是一个特殊的页面元素,value的值是最受关注的,jQuery提供了强大的val()方法来处理相关的操作. 1.获取表单元素的值. 直接调用val()方法时可以获取选择器的 中的第一个元素的val ...