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

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

热门标签:银行业务 团购网站 电子围栏 科大讯飞语音识别系统 阿里云 Linux服务器 Mysql连接数设置 服务器配置

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

JSON.parse()再解析json字符串,用$.each遍历。

   @RequestMapping("/list")
  public @ResponseBody java.util.ListUserVO> 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获取数据然后显示在页面的实现方法

标签:萍乡 衢州 衡水 江苏 蚌埠 枣庄 广元 大理

巨人网络通讯声明:本文标题《json获取数据库的信息在前端页面显示方法》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266