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. …… are only available on JDK 1.5 and higher 错误

    "C:\Program Files\Java\jdk1.8.0_73\bin\java" -ea -Didea.test.cyclic.buffer.size=1048576 &q ...

  2. Java并发容器之阻塞队列BlockingQueue

    BlockingQueue提供了线程安全的队列访问方式:当阻塞队列进行插入数据时,如果队列已满,线程将会阻塞等待直到队列非满:从阻塞队列取数据时,如果队列已空,线程将会阻塞等待直到队列非空. Bloc ...

  3. VIM自定义快捷键 abort

    "在选择模式下系统级复制 vmap ,c "+y<ESC>vmap ,C "+Y<ESC>"在选择模式下系统级剪切vmap ,x x:l ...

  4. 用pyenv和virtualenv搭建单机多版本python虚拟开发环境

    作为主流开发语言, 用python 开发的程序越来越多. 方便的是大多linux系统里面都默认集成了python, 开发可以随时随地开始. 但有时候这也成为了一个短板, 比如说有时候我们需要开发和调试 ...

  5. ACE .i .inl文件（转）

    在ACE的源代码目录里,有源文件.cpp.头文件.h,我们还发现有以.i和.inl为扩展名的文件.其实,以.i和.inl为扩展名的文件是ACE源码中inline函数的存放形式. 在说明ACE中为什么采 ...

  6. java 八种基本数据类型之初始值、取值范围、对应的封装类

      CreateTime--2017年12月6日10:03:53 Author:Marydon 一.java数据类型之基本数据类型 (二)八种基本数据类型的特征 import java.math.Bi ...

  7. V-rep学习笔记：机器人路径规划1

     Motion Planning Library V-REP 从3.3.0开始,使用运动规划库OMPL作为插件,通过调用API的方式代替以前的方法进行运动规划(The old path/motion ...

  8. jQuery操作radio、checkbox、select总结

    1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...

  9. Centos7.4下keepalived-1.3.5的安装使用

    keepalived两个功能,一个是使lvs使用的vip高可用,一个是监控下游各个子节点的对应端口是否正常工作,以保证快速剔除坏掉的节点. keepalived默认的yum 1.3.5有BUG,根本跑 ...

  10. adb shell中的am pm命令

    adb shell中的am pm命令,一些自己的见解和大多数官网的翻译. am命令 am全称activity manager,你能使用am去模拟各种系统的行为,例如去启动一个activity,强制停止 ...