Gson是一个好东西!javaee java对象转js对象

后台中使用ArrayList保存数据,前台使用json保存数据。当来一个ajax请求,请求获取所有部门数据,这些数据在java中用什么存?是的,一个ArrayList 对象。这些数据怎么传给页面?怎么写?使用Gson的toJson方法,参数为后台对象,返回值为json格式的字符串。js使用eval(‘var arr=’+jsonStr)将数据接收!

不是普通的字符串,而是json格式的字符串!前一个是直接将deptList对象打印到前端;后一个是将gson.toJson(deptList)转换的json格式的字符串打印到前端!
在这里插入图片描述

后台
List deptList = signService.queryAllDept();
Gson gson = new Gson();
String jsonStr = gson.toJson();
response.getWriter().println(jsonStr);
jsp
success:function(jsonStr){
eval(‘var jsonArr=’+jsonStr);
}
具体java代码

public void queryAllDept(HttpServletRequest request, HttpServletResponse response) {
		// 业务层
		DeptService ds = new DeptServiceImpl();
		List<Dept> deptList = ds.queryDepts();
		// Object转换String
		Gson gson = new Gson();
		String jsonStr = gson.toJson(deptList);
		try {
			// 字符串
			response.getWriter().println(jsonStr);
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

具体jsp代码

<script type="text/javascript">
			$(function(){
				// 页面加载完成后,发送ajax请求,获取部门列表
				$.ajax({
					url:'sign?method=queryAllDept',
					method:'post',
					success:function(jsonStr){
						// 字符串转为数组对象
						eval("var jsonArr="+jsonStr);
						// html语句动态拼接
						var h = '';
						for(var i = 0;i < jsonArr.length;i++){
							h+='<option value="'+jsonArr[i].deptNo+'">'+jsonArr[i].deptName+'</option>';
						}
						// 一次性写进下拉框中
						$("#deptNo").append(h);
					}
				})
			});
		</script>
<i>所属部门</i>
					<a>
						<select class="select1" id="deptNo" name="deptNo">
							<option selected="selected" value="0">所有部门</option>
						</select>
					</a>
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值