js积累四 (读json文件)

function ReadRadioJson()
{
	var url = "../radio.json"	//json文件url，本地的就写本地的位置，如果是服务器的就写服务器的路径
	var request = new XMLHttpRequest();
	request.open("get", url, false);	//设置请求方法与路径
	request.send(null);	//不发送数据到服务器
	if (request.status == 200){	//返回状态为200，即为数据获取成功
		return (JSON.parse(request.responseText));
	}
	else{
		return null;
	}
	return null;
}

注意：

1）依赖库jquery

<script src="SpryAssets/jquery-3.5.1.min.js"></script>

//最好是将jquery.js文件下载到本地，加入到工程中，再在代码中引用
//或者在代码中直接引用jquery.js文件的网络url

2）采用同步请求方式。

request.open("get", url, false)：同步请求方式

request.open("get", url) / request.open("get", url, true)：当没有第3个参数/第3个参数为true时：异步请求方式

原因：异步请求方式获取请求结果，总要比主线程执行慢。ReadRadioJson总是返回null；当采用同步方式时，主线程会等待获取请求结果后再继续执行。

使用

//将其封装在common.js中，html加载common.js:
<script src="SpryAssets/common.js"></script>

//得到json顶层对象
var json_obj = ReadRadioJson();