JSON基础知识

1、调用 JSON 对象的 parse方法，可以将 json 格式的字符串转化为 对应的 js对象

var str = '{"name":"jack","wife":"rose","friend":"iceMountain"}';
	var jsObj = JSON.parse(str);
	console.log(jsObj);
	console.log(jsObj.name);
	console.log(jsObj.wife);
	console.log(jsObj.friend);

json.decode($json)：将json转为php对象

小案例

// 获取的是一个 如果要获取多个
	// document.querySelectorAll(selector)
	document.querySelector("#btnJson").onclick = function () {
		var ajax = new XMLHttpRequest();
		ajax.open('get','02.getJson.php');
		ajax.send();
		ajax.onreadystatechange = function () {
			if (ajax.readyState==4&&ajax.status==200) {
				// json 字符串 是字符串 所以我们可以 通过  responseText获取
				console.log(ajax.responseText);

				// 转化为 js对象
				var jsObj = JSON.parse(ajax.responseText);

				console.log(jsObj);

				// 拼接ul s
				var str = '';

				str+='<ul>';
				str+='<li>'+jsObj.name+'</li>';
				str+='<li>'+jsObj.skill+'</li>';
				str+='<li>'+jsObj.friend+'</li>';
				str+='</ul>';

				// 设置到界面上

				document.body.innerHTML = str;
			}
		}
	}