通过Ajax请求后台数据，返回JSONArray（JsonObject），页面（Jquery）以table的形式展示
点击“会商人员情况表”，弹出层，显示一个表格，如下图：
利用Ajax和Jquery和JSONArray和JsonObject来实现：
代码如下：
在hspersons.html中：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>会商人员情况表</title>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type: "POST",
url: path+"/pop/hsPersons",
//data: {sdate:date},
dataType: "json",
success: function(data){
console.log(data);
var str = "";
for(var i=0; i < 1; i++) {
str += "<tr>";
str += "<th colspan="4" style="text-align:center;">" + data[0].con + "</th></tr>";
}
str += "<tr><th style="text-align:center;">姓名</th><th style="text-align:center;">预报结论</th><th style="text-align:center;">预报理由</th><th style="text-align:center;">参与情况</th></tr>";
for(var i=0; i < data.length; i++) {
//data[i]
//console.log(data[i]);
//alert(data[i].con);
str += "<tr>";
str += "<td style="text-align:center;">" + data[i].mman + "</td>";
//alert(data[i].mman);
str += "<td>" + data[i].verdict + "</td>";
str += "<td>" + data[i].reason + "</td>";
str += "<td>" + data[i].nopartreason + "</td>";
str += "<tr>";
}
/* for(var i in data){
console.log(i);
str += "<tr>";
str += "<td>" + i.mman + "</td>";
alert(i.mman);
str += "<td>" + i.verdict + "</td>";
str += "<td>" + i.reason + "</td>";
str += "<td>" + i.nopartreason + "</td>";
str += "<tr>";
} */
$("#hs").append(str);
}
});
});
</script>
</head>
<body>
<table id= "hs" class="table table-striped table-bordered table-condensed"></table>
</body>
</html>
Java类部分代码：
@RequestMapping(value = "/hsPersons")
public @ResponseBody String hsPersons(HttpServletRequest request, HttpServletResponse response) {
ResMessage message = ResMessageFactory.getDefaultInstance(request);
try {
String dateStr = com.yuanls._comm.util.Utils.getFormatDate("yyyy-MM-dd");
List<Object> dataList = new ArrayList<Object>();
dataList.add(dateStr);
EntityManager entityManager = dao.getEntityManager();
//得到会商人员的今天所有的历史记录T_subject 开始
String sql = "select con,mman,verdict,reason,part,nopartreason from T_SUBJECT where ddatetime=to_date(?,"yyyy-mm-dd") order by part desc";
List<Map<String, Object>> list = ybzxTwoService.queryListMapByList(sql, dataList, entityManager);
//HsPerson hsPerson = null;
JSONArray jsonArray = new JSONArray();
for (Map<String, Object> map : list) {
JSONObject jsonObject = new JSONObject();
jsonObject.put("con", map.get("con".toUpperCase())+"");
jsonObject.put("mman", map.get("mman".toUpperCase())+"");
String verdict = map.get("verdict".toUpperCase())+"";
if("null".equals(verdict.toString().trim())) {
jsonObject.put("verdict", "");
}else {
jsonObject.put("verdict", map.get("verdict".toUpperCase())+"");
}
String reason = map.get("reason".toUpperCase())+"";
if("null".equals(reason.toString().trim())) {
jsonObject.put("reason", "");
}else {
jsonObject.put("reason", map.get("reason".toUpperCase())+"");
}
String part = map.get("part".toUpperCase())+"";
if("1".equals(part)) {
jsonObject.put("nopartreason", "");
}else {
jsonObject.put("nopartreason", map.get("nopartreason".toUpperCase())+"");
}
jsonArray.add(jsonObject);
}
this.setSuccess(message);
return jsonArray.toString();
} catch (Exception e) {
log.error(e.getMessage(), e);
this.setError(this.getClass(), message, e.getMessage(), request);
}
return message.getString();
}声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。
- 上一篇： 如何判断一个数组中是否包含一个字符或字符串
- 下一篇： Java利用正则表达式截取指定字符串之间的内容
