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);
?> 展开
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);
?> 展开
2个回答
2017-01-16
展开全部
html接受ajax返回结果有问题,因为服务端返回的是josn,所以不能直接赋值,先解析下json,变成js的数组,然后在给标签赋值,多打印下就好了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询