ajax 解析json
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>唐诗</title>
</head>
<body>
<input type="button" value = "换一首">
<h1>名称</h1>
<h2>作者</h2>
<!-- <h2>内容</h2> -->
</body>
<script type="text/javascript">
document.getElementsByTagName('input')[0].onclick = function(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(this.readyState==4){
//打印类型
// alert(typeof this.responseText);
// alert(this.responseText);
//把返回的字符串转成对象
var res = eval('('+this.responseText+')');
// console.log(res);
document.getElementsByTagName('h1')[0].innerHTML = res.title;
document.getElementsByTagName('h2')[0].innerHTML = res.name;
}
}
xhr.open('get','06.php',true);
xhr.send(null);
}
</script>
</html>
<?php
ini_set('display_errors','on');
error_reporting(E_ALL|E_STRICT);
$arr = array('name'=>'张三','title'=>'test');
echo json_encode($arr);
