关于Ajax的局部刷新页面技术

Question

比如我有一个页面其中有一个表单
<form action="login">
用户名：<input type="text" name="userName">
密码：<input type="text" name="password">
</form>
在LoginAction写完相关登陆业务处理代码之后，我想把这部分表单更新成欢迎用户的格式，
比如：欢迎您，xxx。
这样要怎样实现，我用的struts2框架。

Answer 1

<div>
<form action="login">
用户名：<input type="text" name="userName">
密码：<input type="text" name="password">
</form>
<div>ajax调用后台后。把div内容换了就行

Answer 2

用jquery 
ACTION中不要用STRUTS2的JSON出来
直接用out.print()输出
<action name="login" class="loginAction" />execute方法中
return null;

Answer 3

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#loginButton").click(function() {
// 提交Ajax请求至login Action并且在回调函数中判断如果Action返回成功则执行以下两行
$("#loginDiv").hide();
$("#welcomeDiv").show();
return false;
});
});<div id="loginDiv">
<form action="login">
用户名：<input type="text" name="userName">
密码：<input type="text" name="password">
<input id="loginButton" type="button" value="登录">
</form>
</div>
<div id="welcomeDiv" style="display:none">
欢迎登录
</div>