json获取数据库的信息在前端页面显示方法

来源：爱玩科技网

ajax发送请求到controller,controller响应一个json格式的数据给页面，

JSON.parse（）再解析json字符串，用$.each遍历。

 @RequestMapping("/list")
 public @ResponseBody java.util.List<UserVO> List() throws Exception{
 return service.get();
 }

<body>
<div id="datatable"></div>
</body>
<script type="text/javascript">
$(document).ready(function(){
 $.ajax({
 type:"get",
 url:"/meihao/login/list.action",
 async:true,
 success:function(result){
 var m="<ul>";
 result=JSON.parse(result); 
 $.each(result, function(i,n) {
 console.log(n);
 m+="<li>"+"姓名："+n["username"]+"密码："+n["password"]+"</li>";
 });
 m+="</ul>";
 $("#datatable").append(m); 
 },
 error:function(error){
 alert(error.status+""+error.statusText);
 }
 });
});
</script>

以上这篇json获取数据库的信息在前端页面显示方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务