html如何处理php返回的json数据？

我想在html输入姓名和年龄，get到php，再分别返回姓名和年龄，json数据，问题是：我要html中的t1显示fname，t2显示tage。html的代码要怎么改？谢... 我想在html输入姓名和年龄，get到php，再分别返回姓名和年龄，json数据，问题是：我要html中的t1显示fname，t2显示tage。
html的代码要怎么改？谢谢。

html：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function btn_click()
{
xmlhttp=new XMLHttpRequest();
var name=document.getElementById("txtname").value;
var age=document.getElementById("txtage").value;

//发送
xmlhttp.open("GET","t22.php?tname=" + name + "&tage=" + age,true);
xmlhttp.send();

//返回
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("t1").innerHTML=xmlhttp.responseText;
document.getElementById("t2").innerHTML=xmlhttp.responseText;
}
}
}
</script>
</head>

<body>

姓名：<input type="text" id="txtname" />
</br>
年龄：<input type="text" id="txtage" />
</br>
<input type="button" value="提交" id="btn" onClick="btn_click();" />

<p>姓名：<span id="t1"></span></p>
<p>年龄：<span id="t2"></span></p>

</body>
</html>

php:
<?php
$fname=$_GET["tname"];
$fage=$_GET["tage"];

$data = [$fname,$fage];
echo json_encode($data);
?> 展开

 我来答