前端html:
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>树组件</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<div id="data_tree">
</div>
<script src="layui/layui.js"></script>
<script>
layui.use(['tree', 'util'], function() {
var tree = layui.tree;
var util = layui.util;
var $ = layui.jquery;
$.ajax({
url: "treelist", //后台数据请求地址
type: "post",
dataType:"json",
success: function(resut){
tree.render({
elem: '#data_tree',
data: resut,
// showCheckbox: true, //是否显示复选框
// onlyIconControl: true
});
}
});
});
</script>
</body>
</html>
后端处理：
@ResponseBody
@PostMapping("/treelist")
public String treeList(HttpSession session,Model model){
log.info("当前方法是：{}","treelist");
ArrayList<DataBean> dataBeans = MysqlDao.selAll();
String json = JsonUtils.toJsonTree(dataBeans);
return json;
}
遇到问题主要是，ajax对于返回值的解析，需要用json格式来解析