JSON主要创建如下两种数据对象：

  • 由JSON格式字符串创建，转换成JavaScript的Object对象；
  • 由JSON格式字符串创建，转换成JavaScript的List或数组链表对象。

更多关于JSON的信息，请参考：JSON概述及其在JavaScript与Java中的应用（整理）

1. JSP页面中将对象转换为JSON字符串提交

1.1 创建JSP文件（convertObject2Json.jsp）

<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <script type="text/javascript" src="../../js/json2.js">

        </script>

        <script type="text/javascript">

            function ajaxTransferText(){

                var BigText = document.getElementById("BigText").value;

                var ajaxTransferObjectRef = new ajaxTransferObject("张三", "密码11", 10, BigText);

                var JSONString = JSON.stringify(ajaxTransferObjectRef);

                if (window.ActiveXObject) {

                    myAjaxObject = new ActiveXObject("Microsoft.XMLHTTP");

                }

                else {

                    myAjaxObject = new XMLHttpRequest();

                }

                var urlString = "jsonString=" + JSONString;

                alert(urlString);

                myAjaxObject.open("POST", "postJson.action"+"?timestamp=" + new Date().getTime(), true);

                myAjaxObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

                myAjaxObject.send(urlString);

            }

            function ajaxTransferObject(username, password, age, BigText){

                this.username = username;

                this.password = password;

                this.age = age;

                this.BigText = BigText;

            }

        </script>

    </head>

    <body>

        <textarea name="textarea" id="BigText" cols="45" rows="5">需要提交的信息主体...</textarea>

        <br/>

        <input type="button" value="提交试试" onclick="ajaxTransferText()"/>

    </body>

</html>

1.2 创建后台处理Action类

package com.clzhang.ssh.demo6;

import net.sf.json.JSONObject;

import com.opensymphony.xwork2.ActionSupport;

/**

 * 获取前台提交的JSON数据

 * @author Administrator

 *

 */

public class PostJSONAction extends ActionSupport {

    public static final long serialVersionUID = 1;

    private String jsonString;

    public String getJsonString() {

        return jsonString;

    }

    public void setJsonString(String jsonString) {

        this.jsonString = jsonString;

    }

    public String execute() {

        System.out.println(jsonString);

        JSONObject json = JSONObject.fromObject(jsonString);

        System.out.println("username=" + json.get("username"));

        System.out.println("username=" + json.get("password"));

        System.out.println("username=" + json.get("age"));

        System.out.println("username=" + json.get("BigText"));

        return null;

    }

}

1.3 修改配置文件struts.xml

        <action name="postJson" class="com.clzhang.ssh.demo6.PostJSONAction">

        </action>

1.4 测试

打开IE，输入地址：http://127.0.0.1:8080/st/ssh/demo6/convertObject2Json.jsp

结果如下：

确定后，后台显示：

2. JSP页面获取后台Response返回的JSON对象

2.1 创建JSP文件（getJsonFromResp.jsp）

<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <script type="text/javascript" src="../../js/json2.js">

        </script>

        <script type="text/javascript">

            var myAjaxObject;

            //在List中存字符串

            function getListString(){

                if (window.ActiveXObject) {

                    myAjaxObject = new ActiveXObject("Microsoft.XMLHTTP");

                }

                else {

                    myAjaxObject = new XMLHttpRequest();

                }

                myAjaxObject.open("GET", "getJson!listString.action?date=" + new Date().getTime(), true);

                myAjaxObject.onreadystatechange = retrunListString;

                myAjaxObject.send();

            }

            function retrunListString(){

                if (myAjaxObject.readyState == 4) {

                    if (myAjaxObject.status == 200) {

                        var returnJSONString = myAjaxObject.responseText;

                        var returnJSON = JSON.parse(returnJSONString);

                        var showString = "";

                        for (var i = 0; i < returnJSON.length; i++) {

                            showString = showString + returnJSON[i] + " ";

                        }

                        alert(showString);

                    }

                }

            }

            //在List中存Bean

            function getListBean(){

                if (window.ActiveXObject) {

                    myAjaxObject = new ActiveXObject("Microsoft.XMLHTTP");

                }

                else {

                    myAjaxObject = new XMLHttpRequest();

                }

                myAjaxObject.open("GET", "getJson!listBean.action?date=" + new Date().getTime(), true);

                myAjaxObject.onreadystatechange = retrunListBean;

                myAjaxObject.send();

            }

            function retrunListBean(){

                if (myAjaxObject.readyState == 4) {

                    if (myAjaxObject.status == 200) {

                        var returnJSONString = myAjaxObject.responseText;

                        var returnJSON = JSON.parse(returnJSONString);

                        var showString = "";

                        for (var i = 0; i < returnJSON.length; i++) {

                            showString = showString + returnJSON[i].username + " " + returnJSON[i].password + " " + returnJSON[i].age + " " + returnJSON[i].createDate + "\n";

                        }

                        alert(showString);

                    }

                }

            }

            //在Map中存字符串

            function getMapString(){

                if (window.ActiveXObject) {

                    myAjaxObject = new ActiveXObject("Microsoft.XMLHTTP");

                }

                else {

                    myAjaxObject = new XMLHttpRequest();

                }

                myAjaxObject.open("GET", "getJson!mapString.action?date=" + new Date().getTime(), true);

                myAjaxObject.onreadystatechange = retrunMapString;

                myAjaxObject.send();

            }

            function retrunMapString(){

                if (myAjaxObject.readyState == 4) {

                    if (myAjaxObject.status == 200) {

                        var returnJSONString = myAjaxObject.responseText;

                        var returnJSON = JSON.parse(returnJSONString);

                        var showString = "";

                        for (var i in returnJSON[0]) {

                            showString = showString + "key=" + i + " value=" + returnJSON[0][i] + "\n";

                        }

                        alert(showString);

                    }

                }

            }

            //在Map中存Bean

            function getMapBean(){

                if (window.ActiveXObject) {

                    myAjaxObject = new ActiveXObject("Microsoft.XMLHTTP");

                }

                else {

                    myAjaxObject = new XMLHttpRequest();

                }

                myAjaxObject.open("GET", "getJson!mapBean.action?date=" + new Date().getTime(), true);

                myAjaxObject.onreadystatechange = retrunMapBean;

                myAjaxObject.send();

            }

            function retrunMapBean(){

                if (myAjaxObject.readyState == 4) {

                    if (myAjaxObject.status == 200) {

                        var returnJSONString = myAjaxObject.responseText;

                        var returnJSON = JSON.parse(returnJSONString);

                        var showString = "";

                        for (var i in returnJSON[0]) {

                            showString = showString + "key=" + i + " username=" + returnJSON[0][i].username + " password=" + returnJSON[0][i].password + " age=" + returnJSON[0][i].age + " createDate=" + returnJSON[0][i].createDate + "\n";

                        }

                        alert(showString);

                    }

                }

            }

        </script>

    </head>

    <body>

        <input type="button" value="返回List中存String类型的JSON" onclick="getListString()"/>

        <br/>

        <br/>

        <input type="button" value="返回List中存Bean类型的JSON" onclick="getListBean()"/>

        <br/>

        <br/>

        <input type="button" value="返回Map中存String类型的JSON" onclick="getMapString()"/>

        <br/>

        <br/>

        <input type="button" value="返回Map中存Bean类型的JSON" onclick="getMapBean()"/>

        <br/>

    </body>

</html>

2.2 创建后台处理Action类

package com.clzhang.ssh.demo6;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.*;

import net.sf.json.JSONArray;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;

/**

 * 返回给前台JSON数据，以四种方式

 * @author Administrator

 *

 */

public class ReturnJSONAction extends ActionSupport {

    public static final long serialVersionUID = 1;

    private List<String> lstString = new ArrayList<String>();

    public ReturnJSONAction() {

        lstString.add("你今天吃了吗？");

        lstString.add("吃了多吃点");

        lstString.add("没吃回家吃去");

        lstString.add("好好学习");

        lstString.add("天天向上");

    }

    public String listString() throws IOException {

        JSONArray json = JSONArray.fromObject(lstString);

        System.out.println(json.toString());

        ServletActionContext.getResponse().setContentType("text/html");

        ServletActionContext.getResponse().setCharacterEncoding("utf-8");

        ServletActionContext.getResponse().getWriter().printf(json.toString());

        ServletActionContext.getResponse().getWriter().flush();

        ServletActionContext.getResponse().getWriter().close();

        return null;

    }

    public String listBean() throws IOException {

        List<UserInfo> listBean = new ArrayList<UserInfo>();

        for(String str: lstString) {

            UserInfo userInfo1 = new UserInfo();

            userInfo1.setUsername(str);

            userInfo1.setPassword("P" + Math.random());

            userInfo1.setAge((int)(Math.random()*10));

            userInfo1.setCreateDate(new SimpleDateFormat("yyyy-MM-dd hh-mm-ss")

                    .format(new Date()));

            listBean.add(userInfo1);

        }

        JSONArray json = JSONArray.fromObject(listBean);

        System.out.println(json.toString());

        ServletActionContext.getResponse().setContentType("text/html");

        ServletActionContext.getResponse().setCharacterEncoding("utf-8");

        ServletActionContext.getResponse().getWriter().printf(json.toString());

        ServletActionContext.getResponse().getWriter().flush();

        ServletActionContext.getResponse().getWriter().close();

        return null;

    }

    public String mapString() throws Exception {

        LinkedHashMap<String, String> mapString = new LinkedHashMap<String, String>();

        int count = 1;

        for(String str: lstString) {

            mapString.put(""+count++, str+count);

        }

        JSONArray json = JSONArray.fromObject(mapString);

        System.out.println(json.toString());

        ServletActionContext.getResponse().setContentType("text/html");

        ServletActionContext.getResponse().setCharacterEncoding("utf-8");

        ServletActionContext.getResponse().getWriter().printf(json.toString());

        ServletActionContext.getResponse().getWriter().flush();

        ServletActionContext.getResponse().getWriter().close();

        return null;

    }

    public String mapBean() throws Exception {

        LinkedHashMap<String, UserInfo> mapString = new LinkedHashMap<String, UserInfo>();

        int count = 1;

        for(String str: lstString) {

            UserInfo userInfo1 = new UserInfo();

            userInfo1.setUsername(str);

            userInfo1.setPassword("P" + Math.random());

            userInfo1.setAge((int)(Math.random()*10));

            userInfo1.setCreateDate(new SimpleDateFormat("yyyy-MM-dd hh-mm-ss")

                    .format(new Date()));

            mapString.put(""+count++, userInfo1);

        }

        JSONArray json = JSONArray.fromObject(mapString);

        System.out.println(json.toString());

        ServletActionContext.getResponse().setContentType("text/html");

        ServletActionContext.getResponse().setCharacterEncoding("utf-8");

        ServletActionContext.getResponse().getWriter().printf(json.toString());

        ServletActionContext.getResponse().getWriter().flush();

        ServletActionContext.getResponse().getWriter().close();

        return null;

    }

    public String execute() throws IOException {

        return null;

    }

}

2.3 修改配置文件struts.xml

        <action name="getJson" class="com.clzhang.ssh.demo6.ReturnJSONAction">

        </action>

2.4 测试

打开IE，输入地址：http://127.0.0.1:8080/st/ssh/demo6/getJsonFromResp.jsp

2.4.1 按下“返回List中存String类型的JSON”按钮

2.4.2 按下“返回List中存Bean类型的JSON”按钮

2.4.3 按下“返回Map中存String类型的JSON”按钮

2.4.4 按下“返回Map中存Bean类型的JSON”按钮

struts2：JSON在struts中的应用（JSP页面中将对象转换为JSON字符串提交、JSP页面中获取后台Response返回的JSON对象）的更多相关文章

  1. ECharts动态获取后台传过来的json数据进行多个折线图的显示，折线的数据由后台传过来

    ECharts 多个折线图动态获取json数据 效果图如下: 一.html部分 <p id="TwoLineChart" style="width:100%; he ...

  2. JS前端取得并解析后台服务器返回的JSON数据的方法

    摘要:主要介绍:使用eval函数解析JSON数据:$.getJSON()方法获得服务器返回的JSON数据 JavaScript eval() 函数 eval(string) 函数可计算某个字符串,并执 ...

  3. 【JEMTER】后置处理器JSON Path Extractor获取server端返回的json中某项值

    需求1:点击所有报表模板时,server端返回所有报表模板的ID(templateId),测试时需要下载某个模板生成的报表 需求2:点击单个报表模板时,server端返回这个报表模板下的所有报表ID( ...

  4. 最简单的前端获取后台的json值（后台怎么返回一个json对象到前台）

    (说一下这个外部包jackson一般不用了,现在大家都用马云儿子的FastJson 下面服务器代码我就不改了大家随意用什么外部包)2019.1.14日改 我使用了外部包jackson(杰克逊哈哈哈啊) ...

  5. java解析从接口获取的json内容并写到excle（只写与标题匹配的值，并非把所有的接口返回值都写进去）

    需求:从接口中获取的一个json数组中有多个对象,每个对象中的值并非都需要,只需查出标题中的几项对应的值即可.且还需要按某个字段排序后依次写到excel 实现方法如下: package jansonD ...

  6. 【Android 应用开发】Android中使用ViewPager制作广告栏效果 - 解决ViewPager占满全屏页面适配问题

    . 参考界面 : 携程app首页的广告栏, 使用ViewPager实现        自制页面效果图 : 源码下载地址: http://download.csdn.net/detail/han1202 ...

  7. Android中使用ViewPager制作广告栏效果 - 解决ViewPager占满全屏页面适配问题

    . 参考界面 : 携程app首页的广告栏, 使用ViewPager实现        自制页面效果图 : 源码下载地址: http://download.csdn.net/detail/han1202 ...

  8. struts2怎么返回一个字符串给jsp？(使用json)

    我们都知道使用servlet时可以直接用PrintWriter对象的print方法来向页面传送一些字符串(可以是html标签和内容),然后在用RequestDispatcher来转向网页 虽Strut ...

  9. struts2学习笔记--struts.xml配置文件详解

    这一节主要讲解struts2里面的struts.xml的常用标签及作用: 解决乱码问题 <constant name="struts.i18n.encoding" value ...

随机推荐

  1. linux目录结构介绍

    目录 1.树状目录结构图 2./目录 3./etc/目录 4./usr/目录 5./var/目录 6./proc/目录 7./dev/目录 该文章主要来自于网络进行整理. 目录结构参考地址: http ...

  2. SpringMVC学习笔记八：文件上传下载（转）

    转自:http://www.cnblogs.com/WJ-163/p/6269409.html 一.关键步骤 ①引入核心JAR文件 SpringMVC实现文件上传,需要再添加两个jar包.一个是文件上 ...

  3. pyDes介绍

    使用参数如下(拷贝自上述提供的地址): Class initialization -------------------- pyDes.des(key, [mode], [IV], [pad], [p ...

  4. Laravel中pluck的使用——返回指定的字段值信息列表

    $model = self::where(['is_delete' => 0, 'is_on_sale' => 1]) ->whereIn('goods.cat_id', Goods ...

  5. 如何去掉browserLinkSignalR

    在使用vs开发时查看源代码可以发现最下面有以下代码,此段代码会一直请求网络,感觉不爽的可以这样去掉: <!-- Visual Studio Browser Link --> <scr ...

  6. Solidworks机构运动仿真

    使用Solidworks Motion插件可以对机构进行运动学/动力学仿真.机构约束添加完成后,可以在主动部件(关节)处添加马达进行驱动.运动可以是简单的匀速运动或者复杂的表达式.数据点形式的运动. ...

  7. 转 安装Nginx 1.2.0+PHP 5.4.3（FastCGI）+MySQL 5.5.24

    硬件环境:Dell PowerEdge 1950,4核Intel(R) Xeon(R) CPU E5410  @ 2.33GHz4G内存 系统环境:CentOS release 5.2,内核版本: 2 ...

  8. UML - EA 序列图

    序列图中的 Fragment 的类型(Loop.Opt.Par和Alt) (还有: ) 序列图主要用于展示对象之间交互的顺序. 序列图将交互关系表示为一个二维图.纵向是时间轴,时间沿竖线向下延伸.横向 ...

  9. Android spinner 样式及其使用详解

    设计与开发首页 > 应用专题 > 移动开发 > 正文> Android spinner 样式及其使用详解 相关文章: Android 开源项目应用程序与框架推荐 Android ...

  10. 【mysql】关于InnoDB存储引擎 text blob 大字段的存储和优化

    最近在数据库优化的时候,看到一些表在设计上使用了text或者blob的字段,单表的存储空间已经达到了近100G,这种情况再去改变和优化就非常难了 一.简介 为了清楚大字段对性能的影响,我们必须要知道i ...