JS动态加载显示多级菜单

今天碰到了个很头疼的问题，迫不得已前来求助，
我想通过循环加载菜单
预期效果如下：

但是只有将数据列表写死在js中才可以，如下：

$scople.list = [..........数据]

这样就可以正常显示.

但是如果通过http请求获取到数据列表显示则不正常，如下图所示：

今天弄了一天了，尝试了各种办法都没有用，请求大佬帮忙！

是不是你先执行了方法然后才从后台获取到数据
比如说

$.ajax({
async:true//默认为true，
success:function(data){
//将data赋值进去，因为是异步的，不会等待这个步骤，然后优先执行了多级菜单的方法
}
})