将数据库的信息放在页面上

Posted zc-blog-com

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将数据库的信息放在页面上相关的知识,希望对你有一定的参考价值。

数据库拿出来的数据

技术图片

 

 

 // 从数据库歌单里获取歌曲
  $.get(‘http://192.168.0.105:8888/songs‘,{},function(e){
        // console.log(e);
        var str = ‘‘;
       
        e.forEach(function(i) {
           
            str += `<a href="">
                    <li class="list">
                        <div class="song">${i.name}</div>
                        <div class="desc">
                            <img src="https://y.gtimg.cn/mediastyle/mobile/app/share/img/icon_vip.png?max_age=25920000" >
                            <div class="singer">${i.author}</div>
                        </div>
                    </li>
                </a>`
        });
        $(‘.content‘).html(str);
        console.log(str);
        
    }) 

技术图片

 

 技术图片

 

 技术图片

 

以上是关于将数据库的信息放在页面上的主要内容,如果未能解决你的问题,请参考以下文章

导航项目已选中,传递额外信息

Wagtail - 在页面上呈现带有相关片段和标签的数据时遇到问题

在导航抽屉片段中保存视图页面片段的状态

登录成功后向片段或页面传递数据

viewpager preload会调用api来获取数据吗?

将引脚放在片段中的地图片段上