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. IOS (补充)触摸事件处理

    [1]事件的基本概念 UIEvent:事件,是由硬件捕捉的一个表示用户操作设备的对象. 分三类:触摸事件.晃动事件.远程控制事件 触摸事件:用户通过触摸设备屏幕操作对象.输入数据.支持多点触摸,包括1 ...

  2. JSTL学习笔记

    转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/6684442.html  一:JSTL用途 JSP标准标签库(JSTL)是一个JSP标签集合,它封装了JSP应用 ...

  3. 关于java线程的daemon的认识

    在 JAVA中的CountDownLatch.CyclicBarrier.Semaphore的简单测试 这文章里说到了线程的daemon问题,特写一篇来分析一下. 上代码: package com.y ...

  4. django之创建第8-2个项目-数据库数据提取之过滤操作符相关

    """1)age__gt = 16等价于age > 162)age = 163)age__gte = 16等价于age >= 164)name__contai ...

  5. Oracle数据库查看SID和service_name

    怎样查看Oracle的数据库名称sid用sysdba身份登录 比如 conn / as  sysdba 匿名管理员登陆执行 select name form V$database; 或是执行selec ...

  6. 关于Thinkpad的立体声麦克风输入

    一直在纠结为什么把mic接上thinkpad后录制的都是单声道. 做了一些功课, 避免后来人走弯路. 1. Thinkpad 内置的声卡是支持立体声输入的, 在Recording Devices里点内 ...

  7. TP3.2框架,实现空模块、空控制器、空操作的页面404替换||同步实现apache报错404页面替换

    一,前言 一.1)以下代码是在TP3.0版本之后,URL的默认模式=>PATHINFO的前提下进行的.(通俗点,URL中index.php必须存在且正确) 代码和讲解如下: 1.空模块解决:ht ...

  8. ios 中基本控件的定义

    我的开发笔记--UILabel的详细使用及特殊效果 我的开发笔记--UIButton的详细使用 我的开发笔记---UISegmentedControl的详细使用 我的开发笔记---UITextFiel ...

  9. (转)IntelliJ IDEA java项目导入jar包,打jar包

    以下为转载原文:https://www.cnblogs.com/yulia/p/6824058.html 一.导入 1.java项目在没有导入该jar包之前,如图: 2.点击 File ->   ...

  10. unknown log format "main" in /nginx/conf/nginx.conf

    vi /nginx/conf/nginx.conf找到http{ }模块中的 log_format去掉注释,或是log_format写到了别处. 解决方法: 将log_format 写到http开头 ...