java后台json如何传递到jsp中解析
需求: 系统前端jsp使用的是easyUi的datagrid展示了一些任务信息,任务信息中有个状态信息显示的值是数字,
需要根据后台保存的映射关系,将状态显示为描述信息。
原来的jsp前端显示:
解决方案,在后台使用创建json数据,然后传递到前台jsp页面中,并使用eval解析后获取值对应的描述,操作如下:
1. 创建json数据(java)
//任务列表
public static final String TASK_PENDING = "0";
//命令处理成功
public static final String TASK_COMMAND_SUCCESS = "1";
//命令处理失败
public static final String TASK_COMMAND_FAILED = "2";
//下载处理成功
public static final String TASK_DOWN_SUCCESS = "3";
//下载处理失败
public static final String TASK_DOWN_FAILED = "4";
//邮件发送成功
public static final String TASK_MAIL_SUCCESS = "5";
//邮件发送失败
public static final String TASK_MAIL_FAILED = "6";
//处理成功
public static final String TASK_COMPLETE = "99"; public static String getStatusJson(){ JSONObject statusJson = new JSONObject();
statusJson.put(TASK_PENDING, "待处理");
statusJson.put(TASK_COMMAND_SUCCESS, "脚本执行成功");
statusJson.put(TASK_COMMAND_FAILED, "脚本执行失败");
statusJson.put(TASK_DOWN_SUCCESS, "文件下载成功");
statusJson.put(TASK_DOWN_FAILED, "文件下载失败");
statusJson.put(TASK_MAIL_SUCCESS, "邮件发送成功");
statusJson.put(TASK_MAIL_FAILED, "邮件发送失败");
statusJson.put(TASK_COMPLETE, "完成"); return statusJson.toString();
}
2. 传值(java)
String statusJson = Constants.getStatusJson();
resultMap.put("statusJson",statusJson);
3. 前端jsp中使用js获取值(js)
//根据传入的状态代码获取状态描述
function getStatusDesc(key){
var obj = eval("(" + '${statusJson}' + ")");
return obj[key];
}
4. 使用datagrid的formatter调用function
{
field: 'status',
title: '状态',
halign: 'left',
align : 'left',
width : '100',
formatter:function(value,row,index){
var desc = getStatusDesc(value);
return desc;
}
},
view code
最终显示结果如下:
后话: 刚开始是在后台使用map作为传值,js中解析map比较复杂,后来改用json后方便多了。
java后台json如何传递到jsp中解析的更多相关文章
- 使用Maven构建Java Web项目时,关于jsp中引入js、css文件路径问题。
今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上stackoverflow找到了解决方法,这 ...
- [原创]java WEB学习笔记36:Java Bean 概述,及在JSP 中的使用,原理
本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...
- SSH 框架controller向jsp传递List jsp中使用el表达式获取
mvc可以使用ModelAndViev传递数据选择跳转的视图 controller中的代码, 把一个模拟的表单studentListSimulate传给ModelAndView @RequestMap ...
- Java后台JSON数据的使用
1. List集合转换成json代码 List list = new ArrayList(); list.add( "first" ); list.add( "secon ...
- asp.net中json格式化及在js中解析json
类: public class UploadDocumentItem { public UploadDocumentItem() { } public string DocMuid { get; se ...
- 在SqlServer 中解析JSON数据 [parseJSON] 函数 数据库中 解析JSON
使用如下: SELECT * FROM parseJSON('{ "联系人": { "姓名": "huang", "网名" ...
- JSP详细解析
原文地址: http://www.cnblogs.com/rollenholt/archive/2011/07/04/2097376.html http://www.cnblogs.com/jy024 ...
- 前台传递给后台的JSON字符串中的引号 “” 在JAVA后台被转义为 "
前台传递给后台的JSON字符串中的引号 "" 在JAVA后台被转义为 " 1.问题: 前台数据,JSON字符串带有引号 "" ,数据被传递到后台 ...
- java传递json数据到前台jsp
在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键.例如: JSON字符串: var str1 = '{ &q ...
随机推荐
- HDUOJ-----1541 Stars
Stars Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Subm ...
- Python的 numpy中 numpy.ravel() 和numpy.flatten()的区别和使用
两者所要实现的功能是一致的(将多维数组降为一维), 两者的区别在于返回拷贝(copy)还是返回视图(view),numpy.flatten() 返回一份拷贝,对拷贝所做的修改不会影响(reflects ...
- Android开发之5大布局方式详解
Android中常用的5大布局方式有以下几种: 线性布局(LinearLayout):按照垂直或者水平方向布局的组件. 帧布局(FrameLayout):组件从屏幕左上方布局组件. 表格布局(Tabl ...
- Hadoop Map/Reduce教程
原文地址:http://hadoop.apache.org/docs/r1.0.4/cn/mapred_tutorial.html 目的 先决条件 概述 输入与输出 例子:WordCount v1.0 ...
- C# -- 等待异步操作执行完成的方式 C# -- 使用委托 delegate 执行异步操作 JavaScript -- 原型:prototype的使用 DBHelper类连接数据库 MVC View中获取action、controller、area名称、参数
C# -- 等待异步操作执行完成的方式 C# -- 等待异步操作执行完成的方式 1. 等待异步操作的完成,代码实现: class Program { static void Main(string[] ...
- Asp.Net Core 轻松学-一行代码搞定文件上传 JSONHelper
Asp.Net Core 轻松学-一行代码搞定文件上传 前言 在 Web 应用程序开发过程中,总是无法避免涉及到文件上传,这次我们来聊一聊怎么去实现一个简单方便可复用文件上传功能:通过创建 ...
- 转:C#实现office文档转换为PDF或xps的一些方法
代码支持任意office格式 需要安装office 2007 还有一个office2007的插件OfficeSaveAsPDFandXPS 下载地址 [url]http://www.microsoft ...
- GO1.6语言学习笔记3-工具篇(SublimeText 3+GoSublime组合)
选择SublimeText作为开发工具的原因,最最主要的是它够轻巧,搭配GO开发才能有飞一般的感觉.当然作为开发工具之一,Sublime组合工具也提供足够强大的功能. 自动化提示代码 保存的时候自动格 ...
- [转]OrCAD PSpice DIODE model parameter
1.从OrCAD PSpice help文档: 2.国外网站的相关介绍: The DC characteristics of the diode are determined by the param ...
- introduction to python for statistics,analysis笔记2
一.行列式连接concatenate函数,axis=0是垂直拼接,axis=1是水平拼接 x=np.array([[],[,]]); y=np.array([[],[,]]); z=np.concat ...