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

来源：动视网责编：小采时间：2020-11-27 22:51:28

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

json获取数据库的信息在前端页面显示方法:ajax发送请求到controller,controller响应一个json格式的数据给页面， JSON.parse（）再解析json字符串，用$.each遍历。 @RequestMapping(/list) public @ResponseBody java.util.List<UserVO> List()

推荐度：

点击下载本文 文档为doc格式

导读json获取数据库的信息在前端页面显示方法:ajax发送请求到controller,controller响应一个json格式的数据给页面， JSON.parse（）再解析json字符串，用$.each遍历。 @RequestMapping(/list) public @ResponseBody java.util.List<UserVO> List()

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获取数据库的信息在前端页面显示方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

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

推荐度：

点击下载本文 文档为doc格式

标签：显示页面数据库

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐