Javascript 使用$.get（）显示菜单和子菜单

我有一个菜单，子菜单以JSON格式生成。 我想用这段代码在HTML页面上显示菜单和子菜单，但它不起作用。我做错了什么。 请帮帮我

let HandleClass=function（）{
$.get（SRCPATH+'Frontend.php？method=HandleClass'，函数（res）{
设obj=res；
设data=obj.data；
设x；
让模板=“”；
让class_menu=$（'.class_menu'）；
class_menu.html（“”）；
如果（obj['status']='ok'）{
对于（数据中的x）{
设class_ref=data[x].class_ref；
设class_title=data[x]。class_title；
模板+=''；
模板+=''；
模板+='
；
模板+=''；
$.get（SRCPATH+'Frontend.php？method=HandleSubClass¶m='+class\u ref，函数（res\u sub）{
设data_sub=res_sub.data；
让x_sub；
用于（数据中的x_sub）{
设class_sub_ref=data_sub[x_sub]。class_sub_ref；
设class_sub_title=data_sub[x_sub]。class_sub_title；
控制台日志（类别子标题）；
模板+=''；
}
});
模板+=''；
}
class_menu.append（模板）；
}否则{
log（'未找到记录…'）；
}
});
};

简单您没有在第二个

$中追加模板。get

这是一个异步事件，可以在整个外部

$事件触发后触发。get

触发。因此，要解决这个问题，您确实需要将第二个模板再次附加到父模板中

let HandleClass=function（）{
$.get（SRCPATH+'Frontend.php？method=HandleClass'，函数（res）{
设obj=res；
设data=obj.data；
设x；
让模板=“”；
让class_menu=$（'.class_menu'）；
class_menu.html（“”）；
如果（obj['status']='ok'）{
对于（数据中的x）{
设class_ref=data[x].class_ref；
设class_title=data[x]。class_title；
模板+=''；
模板+=''；
模板+='
；
模板+=''；
$.get（SRCPATH+'Frontend.php？method=HandleSubClass¶m='+class\u ref，函数（res\u sub）{
设data_sub=res_sub.data；
让x_sub；
用于（数据中的x_sub）{
设class_sub_ref=data_sub[x_sub]。class_sub_ref；
设class_sub_title=data_sub[x_sub]。class_sub_title；
控制台日志（类别子标题）；
设tem=''；
$（“#uniqueID”）.append（tem）；
}
});
模板+=''；
}
class_menu.append（模板）；
}否则{
log（'未找到记录…'）；
}
});
};