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

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

热门标签:福建微码电话机器人 平凉高德地图标注商户要收费吗 荆州智能电销机器人 地图标注与公司业务关系 广西智能外呼系统多少钱 提高电话机器人接通率 外呼系统api对接 大学校门地图标注 销售电销机器人诈骗

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获取数据库的信息在前端页面显示方法》,本文关键词  json,获取,数据库,的,信息,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《json获取数据库的信息在前端页面显示方法》相关的同类信息!
  • 本页收集关于json获取数据库的信息在前端页面显示方法的相关信息资讯供网民参考!
  • 推荐文章