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

2024-09-01 08:26:52

字体：大中小

来源：转载

供稿：网友

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

上一篇：Ajax实现图片上传并预览功能

下一篇：AJAX 动态加载后台数据绑定select的方法