以下是SpringBoot框架下用jquery操作Ajax获取后端json数据的一个小例子,有问题欢迎指出。
后端代码:
@RequestMapping("/query")
public Map<String,Object> query(NDaysStatExample nDaysStatExample){
Map<String,Object> map=new LinkedHashMap<>();
List list=sqlShowService.selectByExample(nDaysStatExample);
map.put("list",list);
return map;
}
前端html代码:
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--先导入jquery-->
<script src="js/jquery.js"></script>
</head>
<body>
<script>
/*$(function(){...})函数表示页面载入完成后执行*/
$(function(){
/*以下括号内第一个参数是url填写后台RequestMapping中的地址用于请求该路径,第二个参数是一个函数,函数参数列表的data表示从后台获取的json数据,然后函数体是做具体的数据处理*/
$.get("/query",function(data){
for(var i=0;i<data.list.length;i++){
alert(data.list[i].value)
}
})
})
</script>
</body>
</html>