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. Python标准库：内置函数bytes([source[, encoding[, errors]]])

    返回一个新的数组对象,这个数组对象不能对数组元素进行改动.每一个元素值范围: 0 <= x < 256.bytes函数与bytearray函数主要差别是bytes函数产生的对象的元素不能改 ...

  2. JUC-线程八锁

    1,一个对象里面如果有多个synchronized方法,某一个时刻内,只要一个线程去调用其中的一个synchronized方法了,其它的线程都只能等待, 换句话说,某一个时刻内,只能有唯一一个线程去访 ...

  3. X-Forwarded-For 会少记录一次代理服务器的IP

    X-Forwarded-For是一个Http请求头中的项目. 当一个请求经过代理时,X-Forwarded-For将被记录下来,规则如下: 假设用户U,通过代理服务器A,请求到服务器S, 那么X-Fo ...

  4. Spring Cloud Zuul性能调整

    Spring Cloud 版本: Dalston.SR5 这两天通过JMeter测了一下Spring Cloud Zuul的性能,用的是两台虚机8核8G和4核8G,宿主机是10核逻辑20核,代理的服务 ...

  5. Electromagnetic radiation and Radio 电磁波/电磁辐射和无线电波

    电磁辐射,又称电磁波,是由同相振荡且互相垂直的电场与磁场在空间中以波的形式传递能量和动量,其传播方向垂直于电场与磁场构成的平面. 电磁辐射的载体为光子,不需要依靠介质传播,在真空中的传播速度为光速.电 ...

  6. 利用Git进行团队协作

    前言: 这里简单介绍一下Git的历史. 同生活中的许多伟大事件一样,Git 诞生于一个极富纷争大举创新的年代.Linux 内核开源项目有着为数众广的参与者.绝大多数的 Linux 内核维护工作都花在了 ...

  7. 【已解决】mysql连接出错：ERROR 1040 (HY000): Too many connections

    连接mysql,结果出错: ? 1 ERROR 1040 (HY000): Too many connections 去修改mysql的配置文件,然后添加: ? 1 2 3 4 5 6 7 8 9 1 ...

  8. http和websocket共用同一端口

    webpack热部署相关的插件 webpack-hot-middleware:是模块热替换插件,可以避免网页刷新.这个功能并不重要,因为我们可以手动刷新. webpack-dev-middleware ...

  9. intellij idea强制更新索引

    intellij idea使用时间长了,许多包安了又卸.卸了又安,导致索引文件有些不正常. 删除~/.Intellij Idea/下的index和cache即可彻底更新.

  10. 常用Raspberry Pi周边传感器的使用教程(转)

    转:http://bbs.xiaomi.cn/thread-7797152-1-1.html 在Raspberry Pi 的使用和开发过程中,你可能时常需要一些硬件和传感器等来支持你的开发工作,例如, ...