js读取json格式文件数据

js读取本地json格式文件数据

方法一

var url='http://yaaibk.com/00.php?url=0.m3u8';
$.ajax({
	url: url,//json文件路径
	type: "GET",//请求方式为get
	dataType: "json", //返回数据格式为json
	async:false, //设置成false 可以外部调用获取的值
	success: function(data) {//请求成功完成后要执行的方法 
		console.log(data);
		//var strJson = JSON.stringify(data); 
		//var obj = $.parseJSON(strJson);
		//var video=obj.url;
		video = data['url'];
	}
});
console.log(video);

方法二，JS原生方法同步请求

//HTTP 同步请求
var url='http://yaaibk.com/00.php?url=0.m3u8';
// 申明一个XMLHttpRequest
var request = new XMLHttpRequest();
// 设置请求方法与路径，设置成false 可以外部调用获取的值
request.open("get", url , false);
// 不发送数据到服务器
request.send(null);
//XHR对象获取到返回信息后执行
			
//request.onload = function () {
	// 返回状态为200，即为数据获取成功
	if (request.status == 200) {
		var data = JSON.parse(request.responseText);
		console.log(data);
		url = data['url'];
		//console.log(url);
		}
//}

方法三，JS原生方法异步请求

//HTTP 异步请求
var url='http://yaaibk.com/00.php?url=0.m3u8';
// 申明一个XMLHttpRequest
var request = new XMLHttpRequest();
// 设置请求方法与路径，
request.open("get", url , true);
// 不发送数据到服务器
request.send(null);
//XHR对象获取到返回信息后执行
			
request.onload = function () {
	// 返回状态为200，即为数据获取成功
	if (request.status == 200) {
		var data = JSON.parse(request.responseText);
		console.log(data);
		url = data['url'];
		//console.log(url);
		}
}

参考 

js获取ajax里面的值