jquery部分刷新问题！

这是jsp中一部分
<div class="panel" id="userInfo">
     <ul id="tabUserInfo">
         <li class="tabin"><h3>|个人资料维护|</h3>
</li>
<li><h3>|密码修改|</h3>
</li>
     </ul>
     <div id="contentUserInfo">
<div id="realcontentUserInfo" align="center"></div>
     </div>
</div>
js:
$("#realcontentUserInfo").load("userInfoGet.action");
   $("#tabUserInfo li").each(function(index) {
        $(this).click(function() {
$("#tabUserInfo li.tabin").removeClass("tabin");
$(this).addClass("tabin");
if (index == 0) {
    $("#realcontentUserInfo").load("userInfoGet.action");
} else if (index == 1) {
    $("#realcontentUserInfo").load("pages/usersPages/userPassword.jsp");
}
   });
});
以下是我的界面截图

目前js实现的功能是点击个人资料和密码修改会到不同的界面。但是当我点提交的时候，执行完action后，会重新建一个页面来显示结果。我希望能直接将结果显示在原来的页面上（显示到 <div id="realcontentUserInfo" align="center"></div>这个div中），请大神门给个例子吧。
ps：毕业设计，js和jquery相关知识很烂，但老师让用。。。用的是SSH框架，struts2 jQuery JavaScript --------------------编程问答--------------------

引用

$("#realcontentUserInfo").load("userInfoGet.action");

是包含action处理完之后的页面么?

Jquery.ajax() 异步调用你的Action，返回的值填到你DIV里。 --------------------编程问答-------------------- 用$.ajax()去请求action，然后返回一个json格式的数据，最后添加到你的div --------------------编程问答--------------------

引用 2 楼 splendid_java 的回复:

用$.ajax()去请求action，然后返回一个json格式的数据，最后添加到你的div

+1 --------------------编程问答-------------------- 这个我给你一个我做的网站看看吧，里面有很多这样的情况，都是选项卡的，这个不关事用这个控制的，关键是要记住之前的状态，而那些东西都需要你传回去的，然后通过状态值再再用JS还原到你想要的选中状态findPerson.aykj.co，这个网站还在测试，错误很多，但有值得你参考的地方，如果你会fireBug的话，看起来很容易 --------------------编程问答-------------------- jQuery简单的来用ajax,data就是你在后台返回过来的东西



jQuery(function(){

   jQuery.post("xxx.action","a=1&b=2",function(data){

       jQuery("#div").html(data);

   });

});

补充：Java ,  Web 开发