<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<input type="button" value='获取JSON格式的数据'>
</body>
</html>
<script>
document.querySelector('input').onclick = function () {
var xhr = new XMLHttpRequest();
xhr.open('post', 'backJSON.php');
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
console.log(xhr.responseText);
var arrObj = JSON.parse(xhr.responseText);
for(var i = 0; i < arrObj.length; i++){
console.log('姓名:'+ arrObj[i].name +' 特点:' + arrObj[i].skill);
}
}
}
xhr.send(null);
}
</script>
<?php
header('content-type:application/json;charset=utf-8');
$jsonString = file_get_contents('data/stars.json');
echo $jsonString;
?>
[{
"name": "吴京",
"skill": "徒手抓狼"
},
{
"name": "吴彦祖",
"skill": "帅气"
},
{
"name": "张国荣",
"skill": "霸王别姬"
},
{
"name": "林俊杰",
"skill": "小酒窝--美美哒"
}
]