不刷新页面提交数据的问题！

如题，用goahead做一个嵌入式web服务器，我现在是只能在页面刷新的时候在后台获取到数据，但是刷新页面总会闪一下，存在很多问题，想请教，怎么实现不刷新页面在后台可以获取到数据？

解决方案 »

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

用 jquery的ajax  简单方便  只需要导入一个jquery的js 文件即可
用 ajax 技术，比如 dwr 这个比较好用，也比较简单
如果AJAX不会，可以选择嵌套框架的方法实现局部刷新。
用iframe来实现与后台的交互，可以用js来不停的调用src来实现刷新
能给个例子吗？假如我有下面一个页面，两个table，点击按钮后怎么把数据提交到后台，并且页面不刷新，或者只刷新其中一个，而另外一个不刷新？小弟菜鸟。
<html>
<head>
<title>NAC </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function fresh()
{
document.tform.submit();
}
</script>
</head>
<body  text="#000000" link="#000000" vlink="#000000" alink="#000000">
<form name="tform" method="post">
<table id="t1" width="509" border="1">
  <tr>
    <td width="172"> <input type="text" name="textfield"> </td>
    <td width="321">  </td>
  </tr>
  <tr>
    <td>  </td>
    <td>  </td>
  </tr>
</table>
<table id="t2" width="512" border="1">
  <tr>
    <td width="92"> <input type="text" name="textfield2"> </td>
    <td width="404">  </td>
  </tr>
  <tr>
    <td>  </td>
    <td>  </td>
  </tr>
</table>
<input type="submit" name="Submit" value="提交" onClick="fresh()">
</form>
</body>
</html>
a.jsp:<html>
<head>
<title>NAC </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
</head>
<body  text="#000000" link="#000000" vlink="#000000" alink="#000000">
<form name="tform" method="post">
<table id="t1" width="509" border="1">
  <tr>
    <td width="172"> <input type="text" name="textfield"> </td>
    <td width="321">  </td>
  </tr>
  <tr>
    <td>  </td>
    <td>  </td>
  </tr>
</table>
<iframe src="b.jsp" height="30px" scrolling="no"  width="90%" hspace="0" vspace="0"  frameborder="0" name="iframe1"></iframe></form>
</body>
</html>
b.jsp: <html>
<head>
<title>NAC </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
<%
String  Textval=request.getParameter("textfield2");
if(Textval.equals("")||Textval==null)
{
Textval="";
}
%>
<script>
var FTextval='<%=Textval%>';
parent.document.getElementById("textfield").value=Ftextval;</script>
</head>
<body  text="#000000" link="#000000" vlink="#000000" alink="#000000">
<form name="tform2" action="b.jsp" method="post">
<table id="t1" width="509" border="1">
  <tr>
    <td width="172"> <input type="text" name="textfield2" value="b中的数据！"> </td>
    <td width="321">  </td>
  </tr>
  <tr>
    <td>  </td>
    <td>  </td>
  </tr>
</table>
<input type="button" value="提交"/></form>
</body>
</html>