1. 回调地狱:由多层嵌套的回调函数组成的代码
    1. <div id="app"></div>
    2. <h2>列表数据</h2>
    3. <p class="dp"></p>
    4. <audio src="" controls></audio>
    5. <script>
    6. /* 1.华语中的第一条数据 */
    7. var url = 'http://192.168.4.18:3000/top/playlist/?cat=华语'
    8. $.ajax({
    9. url,
    10. success:res=>{
    11. var {name,id} = res.playlists[0]
    12. $("#app").html(name)
    13. /* 2.列表页数据 */
    14. var listUrl = `http://192.168.4.18:3000/playlist/detail?id=${id}`
    15. $.ajax({
    16. url:listUrl,
    17. success:res=>{
    18. var {name,id} = res.playlist.tracks[0]
    19. $(".dp").html(name)
    20. /* 3.根据id获取音乐播放器的url连接 */
    21. var musicUrl = `http://192.168.4.18:3000/song/url?id=${id}`
    22. $.ajax({
    23. url:musicUrl,
    24. success:res=>{
    25. let src = res.data[0].url
    26. $("audio").attr("src",src)
    27. }
    28. })
    29. }
    30. })
    31. }
    32. })
    33. </script>