解析JION

09020170930

   
   






<script>
window.onload = function() {
  loadData("get", "json_simple.php", function(textData){
	  //后台打印
      console.log(textData);
      //返序列化为对象
      var obj = eval("(" + textData + ")");
      // 遍历obj.citys数组
	  for(var i = 0; i < obj.citys.length; i++) {
	      var select = document.getElementById("citys");
	      select.innerHTML += "" + obj.citys[i] + "
";
      }
    });
}

   
   
function loadData(method, url, fn) {
	// 1 创建XHR对象
	var xmlhttp;
	if(XMLHttpRequest) {
		xmlhttp = new XMLHttpRequest(); // W3C
	} else {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // IE6
	}
	//alert(xmlhttp);
	console.log(xmlhttp);
	
	// 2 注册回调函数
	xmlhttp.onreadystatechange = function() {
		if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			var textData = xmlhttp.responseText;
			if(typeof fn == 'function') {
				fn(textData);
			}
		}
	};
	// 3 创建连接
	// 参数1 要发送的请求 "get"或"post"
	// 参数2 要请求的URL
	// 参数3 同步还是异步。true异步；false同步
	xmlhttp.open(method, url, true);
	console.log("end");
	// 4 发送请求
	xmlhttp.send(null);
}
</script>