c标签页面进行解析json

Java后台与JS前端数据交互
本文介绍了一种Java后台与JS前端的数据交互方式,通过List和Map结构存储数据,利用JSON格式进行传输。在Java中,根据查询类型选择不同的数据库查询方法,将结果转化为JSON字符串返回给前端。JS前端使用jQuery的ajax方法获取JSON数据,解析并填充到下拉框中。
JAVA代码中的后台
List<Map<String,String>> rs = new ArrayList<Map<String,String>>();
if("1".equals(queryType)){
rs = DBService.selectObjectListWithSQL(queryjgbm);
}else if("2".equals(queryType)){
rs=DBService.selectObjectListWithSQL(queryjgr);
}
String json = JSONArray.toJSONString(rs);
super.renderText(json);
return null;
JS中解析json串
$(document).ready(function(){
<c:if test="${_USERINFO_.departLevel=='4'}">
getSysList('${request.param.gxqxj}');
$("#selectGxqxj").val("${request.param.gxsys}")
</c:if>
})
function getSysList(parentCode){
var url = "<%=webapp%>/ylqxjyqyrcjc/ylqxjyqyrcjcAction!getQuery1.dhtml";
$.ajax({
url: url,
type: 'post',
data: {queryType:'1',code:parentCode},
async: false,
complete: function(request, status) {
var data = request.responseText;
data =$.trim(data);
var jsonobj=eval('('+data+')');
var str="<option value=''>请选择</option>";
for(var i=0;i<jsonobj.length;i++){
var obj = jsonobj[i];
str+="<option value='"+obj.VALUE+"'>"+obj.NAME+"</option>";
}
$("#selectGxqxj").html(str);
}
});
}
页面中显示 <view:qrytr>
<c:if test="${_USERINFO_.departLevel=='4'}">
<view:qrytd width="15%" heightshow="true">管辖食药所:</view:qrytd>
<view:qrytd>
<select id="selectGxqxj" name="param.gxsys" style="width:220px">
</select>
</view:qrytd>
</c:if>
</view:qrytr>

转载于:https://www.cnblogs.com/zhuyeshen/p/10868711.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值