09020170930
解析json
<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 += "";
}
});
}
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>