• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    json获取数据库的信息在前端页面显示方法

    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获取数据然后显示在页面的实现方法
    上一篇:利用AjaxSubmit()方法实现Form提交表单后回调功能
    下一篇:ajax上传多图到php服务器的方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

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