Javascript 如何使用jquery和ajax解析多级JSON

下面的代码示例可以很好地处理一个级别的json文件，无法解析来自多个级别的json文件的数据

因此，我试图使这段代码与位于下面链接上的json文件一起工作，任何帮助都将不胜感激

WebLesson教程| JSON-使用Jquery和Ajax的动态相关下拉列表



JSON-使用Jquery和Ajax的动态相关下拉列表


选择国家


选择状态


选择城市
$（文档）.ready（函数（）{
加载json数据（“国家”）；
函数加载\u json\u数据（id，父\u id）
{
var html_代码=“”；
$.getJSON（'https://raw.githubusercontent.com/ahammoudi/jason_data/master/json_country.json，函数（数据）{
html_代码+='选择'+id+''；
$。每个（数据、函数（键、值）{
如果（id=‘国家’）
{
如果（value.parent_id=='0'）
{
html_代码+=''+值.名称+''；
}
}
其他的
{
if（value.parent\u id==parent\u id）
{
html_代码+=''+值.名称+''；
}
}
});
$（'#'+id）.html（html#u代码）；
});
}
$（文档）.on（'change'，'#country'，function（）{
var country_id=$（this.val（）；
如果（国家/地区id！=''）
{
加载json数据（“州”，国家id）；
}
其他的
{
$（'#state'）.html（'Select state'）；
$（'#city'）.html（'Select city'）；
}
});
$（文档）.on（'change'，'#state'，function（）{
var state_id=$（this.val（）；
如果（状态id！=''）
{
加载json数据（“城市”，州id）；
}
其他的
{
$（'#city'）.html（'Select city'）；
}
});
});

到底是什么问题？“无法解析”有点模糊。你能把它设置成JSFIDLE吗？问题是，我不知道如何解析多级json。作为链接中的一个。正如您看到的代码解析第一级（id），但不确定如何解析（所有id.country\u id.parent.parent\u id），特别是我将同时处理这两个级别。您可以使用点形成来处理更深的节点。假设我有：``东西：{球：黄色，卡车：红色，房子：{房间：5，颜色：橙色}``我通过things.house.color来描述房子的颜色。这就清楚了吗？你说了两个级别，这两个级别工作得很好，我面临的问题是4个级别，任何超过两个级别的都会被错误地认为是未定义的。我不控制json文件，我调用它是为了获取数据，所以没有办法更改它。