给定json数据,将数据与页面结构进行绑定

这篇博客详细介绍了如何将接收到的JSON数据绑定到HTML页面的相应结构中,重点讲解了核心JavaScript脚本的编写,以及如何引入和操作歌曲列表的相关部分,最终实现了数据与页面的动态交互。
摘要由CSDN通过智能技术生成

一、json数据

var musics = [
    {
   
        ablum: "海阔天空",
        artist: "Beyond",
        id: 1,
        name: "大地",
        path: "musics/1592373302464.mp3",
        size: 4147913,
        style: "摇滚",
        uptime: 1592373302000
    },
    {
   
        ablum: "xxx",
        artist: "GALA ",
        id: 2,
        name: "追梦赤子心",
        path: "musics/1592373330188.mp3",
        size: 8357216,
        style: "摇滚",
        uptime: 1592373330000
    },
    {
   
        ablum: "123",
        artist: "筷子兄弟",
        id: 3,
        name: "父亲",
        path: "musics/1592373363687.mp3",
        size: 12050851,
        style: "怀旧",
        uptime: 1592373363000
    },
    {
   
        ablum: "xxx",
        artist: "Bruno Mars ",
        id: 4,
        name: "Just The Way You Are",
        path: "musics/1592383891287.mp3",
        size: 3602925,
        style: "摇滚",
        uptime: 1592383891000
    },
    {
   
        ablum: "xxx",
        artist: "Jason Chen",
        id: 5,
        name: "童话",
        path: "musics/1592383916578.mp3",
        size: 4143707,
        style: "流行",
        uptime: 1592383916000
    },
    {
   
        ablum: "",
        artist: "",
        id: 6,
        name: "GranVals",
        path: "musics/1592383934192.mp3",
        size: 2360862,
        style: "轻音乐",
        uptime: 1592383934000
    },
    {
   
        ablum: "",
        artist: "Jason Chen ",
        id: 7,
        name: "See You Again",
        path: "musics/1592383950425.mp3",
        size: 2547494,
        style: "流行",
        uptime
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值