javascript提交表单直接在本页面显示数据的问题 - 调试易

javascript提交表单直接在本页面显示数据的问题

html+javascript实现如下功能：
页面当中两部分。
一部分用来填写提交表单。
另一部分用来显示刚才提交的数据。当填完表单之后，页面刷新，底下显示刚才提交的数据。上方表单变为初始状态。
这个怎么实现能够写段代码实例吗？
谢谢大家。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

用ifream 或者ajax可以实现！
是提交表单的话用iframe吧！
写了段简易的代码仅供参考：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function aaa () {
var xingming=document.getElementById("wenben").value;
var biaoge=document.getElementById("td2")
biaoge.innerHTML=xingming;
document.getElementById("wenben").value=""
}
</script>
</head><body>
<form action="" method="get" name="form1">
  姓名：
  <label>
    <input type="text" name="wenben" id="wenben" />
  </label>
  <label>
    <input type="button" name="tijiao" id="tijiao" value="提交" onclick="aaa()" />
  </label>
</form><table width="305" border=1>
  <tr>
    <td width="110" height="10" id="td1">姓名</td>
    <td width="110" id="td2" > </td>
  </tr>
</table>
<p> </p>
</body>
</html>