8.回调地狱

问题：1不便于阅读 2 不便于异常处理，但凡一个出错整个线程都卡主
在做http请求的时候，由于很多请求都是需要在上一个请求完成后再进行下一个请求，所以就会进行多层的回调函数的嵌套。

    <div id="app"></div>
    <h2>数据列表</h2>
    <p class="dp"></p>
    <audio src="" controls></audio>
    <script>
        var url = "http://192.168.4.18:3000/top/playlist/?cat=华语";
        $.ajax({
            method:"get",
            url,
            success:res=>{
                var {name,id}=res.playlists[0];
                $("#app").html(name);
                console.log(id);
                var listUrl = `http://192.168.4.18:3000/playList/detail?id=${id}`;
                console.log('listUrl: ', listUrl);
                $.ajax({
                    method:"get",
                    url:listUrl,
                    success:res=>{
                        var {name,id} = res.playlist.tracks[0]
                        $(".dp").html(name)
                        console.log(id)
                        /* 3.根据id获取音乐播放的url链接 */
                        var musicUrl = `http://192.168.4.18:3000/song/url?id=${id}`
                        $.ajax({
                            method:"get",
                            url:musicUrl,
                            success:res=>{
                                let src = res.data[0].url;
                                $("audio").attr("src",src);
                            }
                        })
                    }
                })
            }
        })
    </script>