根据数据库数据循环生成div并展示数据内容到div

提问 未结
15 231
楠锋
楠锋 2019-4-9
悬赏:30飞吻
版本:layui 2.4.5 浏览器:谷歌
大佬们,根据数据库数据循环生成div并展示数据内容到div怎么实现?
回帖
  • https://www.layui.com/doc/modules/laytpl.html

    模板引擎
    0 回复
  • 楠锋
    2019-4-9
    @mryue91 这个文档我看了,但是不知道它数据接口怎么去写的,求指导大佬
    0 回复
  • ajax请求数据后在success回调里用模板字数串来添加到你的div里
    0 回复
  • 楠锋
    2019-4-9
    @快到碗里来486 给个事例大佬
    0 回复
  • 这个很简单呀。你在ajax的success,循环你的数据添加到你要的div里
        <script>

    $(function(){

    //使用jq的ajax方法

    $.ajax({
    type:"get",
    url:"data.json",
    async:true,
    //dataType:'jsonp',
    success: function(res){
    for (var itemValue of res.result){
    var str = `<div class="dykp"><h4>${itemValue.movieName}</h4><p><img src="${itemValue.pic_url}"/></p></div>`;
    $('#app').append(str);
    }
    }
    });

    })

    </script>
    0 回复
  • @楠锋 这个例子我也是网上找的,实现的方法就是这样。
    0 回复
  • 楠锋
    2019-4-9
    @快到碗里来486 我success里面还有一个集合
    返回数据如下:
    code":0,"message":"成功","count":23,"data":[{"UserID":1,"UserAccount":"admin","UserImg":"admin.jpg","UserName":"管理员","UserAutograph":"哥只是个传说","UserAddress":"CHINA","UserSex":" 女","UserState":"117.136.52.218","LoginTime":null},{"UserID":2,"UserAccount":"qiao","UserImg":"qiao.jpg","UserName":"乔","UserAutograph":"传说中的一哥","UserAddress":"贵州","UserSex":" 男","UserState":"true ","LoginTime":null}][泪]
    0 回复
  • @楠锋 大哥,你的success里回调传的参数是你整个的数据,你要的是data,所以就是res.data
    0 回复
  • @快到碗里来486 你现在解决了吗 如果还没解决,你把你的代码贴上来
    0 回复
  • @楠锋 你现在解决了吗 如果还没解决,你把你的代码贴上来
    0 回复