求助我的市区name和区name找不到数据?

是否是循环问题

let xhr = new XMLHttpRequest();
// 创建一个新的XMLHttpRequest对象,命名为xhr。用来请求接口,处理异步操作;
// 这个对象用于在浏览器和服务器之间发送 HTTP 请求和接收响应。
xhr.open('get', 'js/index.json', true);
// 打开一个新的HTTP GET请求。// 请求的URL是'js/index.json'。// 第三个参数true表示请求是异步的。
xhr.send();
//发送要请求的要求
xhr.onreadystatechange = function() {
	// 设置一个事件监听器,当请求的状态发生变化时,这个函数就会被调用。
	if (xhr.readyState == 4 && xhr.status == 200) {
		// 检查请求是否已经完成(readyState == 4)并且是否成功(status == 200)。
		let text = xhr.responseText;
		// 获取响应的文本内容
		data = JSON.parse(text);
		// 将响应的文本内容解析为JSON对象,并将其赋值给变量data。
		item(data)
		// item(data)
		// 调用一个名为item的函数,并传入data作为参数。用来渲染或显示数据的函数。
	}
};
let data = [];
//创建一个变量以方便存储数据

//获取想要的变量 省 市 区
let shengs = document.getElementsByClassName('shengs')[0];
let shis = document.getElementsByClassName('shis')[0];
let qus = document.getElementsByClassName('qus')[0];
//省市区三级联合
// 省
//第一个标签
// 假设这是您的省份数据  
// 省数据渲染  
function item(data) {
	let str = "";
	for (let i = 0; i < data.length; i++) {
		console.log(data[i].name)
		str += `
	      
	`;
	}
	shengs.innerHTML = str;
}
function sheng() {
	let str = "";
	for (let i = 0; i < data.length; i++) {
		console.log(data[i].name)
		str += `
	      
	`;
	}
	shengs.innerHTML = str;
}
// 市区数据渲染      
function shi() {
	let str = "";
	for (let i = 0; i < data.length; i++) {
		if (shengs.value == data[i].sheng) { // 修正了sheng属性名  
			for (let j = 0; j < ddata[i].child.length; j++) {
				console.log(data[i].child.name)
				str += `
            
        `;
		  // 修正了shi属性名
			}
		}
	}
	shis.innerHTML = str; // 在匹配到市级数据后更新市区选项  
}
// 城市数据渲染      
function qu() {
	let str = "";
	for (let i = 0; i < data.length; i++) {
		if (shengs.value == data[i].sheng) { // 修正了sheng属性名  
			for (let j = 0; j < data[i].child.length; j++) {
				if (shis.value == data[i].child[j].shi) { // 修正了shi属性名  
					for (let k = 0; k < data[i].child[j].child.length; k++) {
						str += `      
                  // 修正了qu属性名  
            `;
					}
				}
			}
		}
	}
	qus.innerHTML = str;
}
// 显示的内容为决定显示的字符串  
//在渲染里判断是否选择省份如果没选择省份就保持原样
// 如已经选择第二个就拼接请选择市,
// 如已经选择市份第三个就



	
		
		
		三级
	
	
		
		
		
	
	

又或者是html的问题 

还是json的文件的数据格式不对 

[{
		"name": "河南省",
		"child": [{
			"name": "商丘市",
			"child": [{
				"name": "城镇区"
			}, {
				"name": "上阵区"
			}]
		}, {
			"name": "上扬市",
			"child": [{
				"name": "上扬区"
			}]
		}]
	}, {
		"name": "河东省",
		"child": [{
				"name": "南阳市",
				"child": [{
					"name": "商城区"
				}, {
					"name": "商长区"
				}]
			},
			{
				"name": "菏泽市",
				"child": [{
					"name": "菏泽区"
				}]
			}
		]
	}, {
		"name": "江西省",
		"child": [{
				"name": "南昌市",
				"child": [{
						"name": "南昌区"
					},
					{
						"name": "九江区"
					}, {
						"name": "临川区"
					}
				]
			},
			{
				"name": "九江市",
				"child": [{
					"name": "九上区"
				}]
			}, {
				"name": "临川市",
				"child": [{
					"name": "临川区"
				}]
			}
		]
	},
	{
		"name": "东北省",
		"child": [{
			"name": "三栋市",
			"child": [{
				"name": "三一区"
			}]
		}]
	},
	{
		"name": "河北省",
		"child": [{
			"name": "石家庄市",
			"child": [{
				"name": "石家庄区"
			}]
		}]
	},
	{
		"name": "辽宁省",
		"child": [{
			"name": "沈阳市",
			"child": [{
				"name": "沈阳区"
			}, {
				"name": "皇姑区"
			}, {
				"name": "铁西区"
			}, {
				"name": "苏家屯区"
			}, {
				"name": "沈北新区"
			}]
		}, {
			"name": "抚顺市",
			"child": [{
				"name": "和平区"
			}, {
				"name": "沈河区"
			}, {
				"name": "大东区"
			}]
		}, {
			"name": "大连市",
			"child": [{
				"name": "于洪区"
			}, {
				"name": "辽中区"
			}]
		}]
	}, {
		"name": "黑龙江省",
		"child": [{
			"name": "哈尔滨市",
			"child": [{
				"name": "五常区"
			}, {
				"name": "双城区"
			}, {
				"name": "香坊区"
			}, {
				"name": "木兰县"
			}, {
				"name": "西安区"
			}]
		}, {
			"name": "齐齐哈尔市",
			"child": [{
				"name": "齐齐哈尔区"
			}, {
				"name": "东安区"
			}, {
				"name": "向阳区"
			}, {
				"name": "尖山区"
			}, {
				"name": "新兴区"
			}]
		}, {
			"name": "鹤岗市",
			"child": [{
				"name": "鹤岗区"
			}, {
				"name": "哈尔滨区"
			}, {
				"name": "道里区"
			}, {
				"name": "萨尔图区"
			}, {
				"name": "鸡冠区"
			}]
		}]
	}
]

求教 

 求助我的市区name和区name找不到数据?_第1张图片

只获得了这些数据其他的获取不到了 

你可能感兴趣的:(js如何学习,求教,javascript,开发语言,ecmascript)