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

2024-09-01 08:31:03

字体：大中小

来源：转载

供稿：网友

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

上一篇：利用AjaxSubmit()方法实现Form提交表单后回调功能

下一篇：ajax上传多图到php服务器的方法