1.                  async function go(){
  2.             var res =await http("top/playlist/?cat=华语");
  3.             var id=res.playlists[0].id;
  4.             var detail=await http(`playlist/detail?id=${id}`);
  5.             console.log(detail)
  6.         }
  7.         go();

网易云主页例子

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7.     <link rel="stylesheet" href="./08作业.css">
  8.     <script src="./http/index.js"></script>
  9.     <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
  10. </head>
  11. <body>
  12.     <div class="content">
  13.         <div id="list">
  15.         </div>
  16.         <button id="prev"></button>
  17.         <button id="next"></button>
  18.         <div id="btns">
  19.             <span class="current"></span>
  20.             <span></span>
  21.             <span></span>
  22.             <span></span>
  23.             <span></span>
  24.             <span></span>
  25.             <span></span>
  26.             <span></span>
  27.             <span></span>
  28.             <span></span>
  29.         </div>
  30.     </div>
  31.     <div id="center">
  33.     </div>
  34.     <script>
  36.         $(function(){
  37.             var index=0;
  38.             $("#next").click(function(){
  39.                 index++;
  40.                 if(index>8){
  41.                     index=0;
  42.                 }
  43.                 console.log(index)
  44.                 $("#list img").eq(index).fadeIn(300).siblings().fadeOut(300);
  45.                 $("#btns span").eq(index).addClass("current").siblings().removeClass("current");
  47.             })
  48.             $("#prev").click(function(){
  49.                 index--;
  50.                 if(index<0){
  51.                     index=8
  52.                 }
  53.                 console.log(index)
  54.                 $("#list img").eq(index).fadeIn(300).siblings().fadeOut(300);
  55.                 $("#btns span").eq(index).addClass("current").siblings().removeClass("current");
  57.             })
  58.             $("#btns span").click(function(){
  59.                 index=$(this).index();
  60.                 $("#list img").eq(index).fadeIn(300).siblings().fadeOut(300);
  61.                 $("#btns span").eq(index).addClass("current").siblings().removeClass("current");
  62.             })
  63.         })
  64.         async function go(){
  65.             var res=await http("top/playlist/?cat=%E5%8D%8E%E8%AF%AD");
  66.             console.log(res);
  67.             var arr=res.playlists;
  68.             console.log(arr)
  69.             arr.forEach(item=>{
  70.                 var html=`
  71.                 <div id="lis">
  72.                     <img src=${item.coverImgUrl} alt="" class="one">
  73.                     <p id="p">播放量:${item.playCount}</p>
  74.                     <p id="description">${item.name}</p>
  75.                 </div> 
  76.                 `
  77.                 $("#center").append(html)
  78.             })
  79.         //     var id=res.playlists[0].id;
  80.         //     console.log(id)
  81.         //     var detail=await http(`playlist/detail?id=${id}`)
  82.         //     console.log(detail)
  83.         //    var arr=detail.playlist;
  84.         //     console.log(arr)
  85.         //         var html=`
  86.         //         <div id="lis">
  87.         //             <img src=${arr.coverImgUrl} alt="" class="one">
  88.         //             <p id="p">播放量:${arr.playCount}</p>
  89.         //             <p id="description">${arr.name}</p>
  90.         //         </div> 
  91.         //         `
  92.         //         $("#center").append(html)
  93.             var res=await http("banner");
  94.             console.log(res);
  95.             var b=res.banners;
  96.             console.log(b)
  97.             b.forEach((item)=>{
  98.                 var htmls=`
  99.                 <img src=${item.imageUrl} alt=""> 
  100.             `
  101.             $("#list").append(htmls)
  102.             })
  104.         }
  105.         go();
  106.     </script>
  107. </body>
  108. </html>