html与php用ajax交互返回多个结果的问题
我想再html输入姓名和年龄，get到php，再分别返回姓名和年龄，显示再html中的t1和t2中。单个返回我知道怎么取值，多个返回就不会了，求指教。html：<!doc...
我想再html输入姓名和年龄，get到php，再分别返回姓名和年龄，显示再html中的t1和t2中。
单个返回我知道怎么取值，多个返回就不会了，求指教。
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"];
echo $fname;
echo $fage;
?> 展开
单个返回我知道怎么取值，多个返回就不会了，求指教。
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"];
echo $fname;
echo $fage;
?> 展开
1个回答
展开全部
返回json格式的数据就可以了
<?php
$data = [$fname,$fage];
echo json_encode($data);
?>
<?php
$data = [$fname,$fage];
echo json_encode($data);
?>
追问
请问html怎么处理返回的json数据。
例如我要html中的t1显示fname，t2显示tage。
html的代码要怎么改？谢谢。
追答
var dataObj = eval ("(" +data + ")");
然后就可以像一般的js对象一样使用了
最后动态的给他赋值到相应的地方就好了
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
