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 --------------------编程问答--------------------
是包含action处理完之后的页面么?
Jquery.ajax() 异步调用你的Action,返回的值填到你DIV里。 --------------------编程问答-------------------- 用$.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 开发