Question

jquery局部刷新。

页面中的div

<ul id="tabUserInfo">
<li class="tabin"><h3>|个人资料维护|</h3></li>
<li><h3>|密码修改|</h3></li>
</ul>
<div id="contentUserInfo">
<div id="realcontentUserInfo" align="center"></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");
}});});
我在载入页面的时候执行了userInfoGet.action，在 <div id="realcontentUserInfo" align="center"></div>中能够显示用户信息。
但是我修改了用户信息后，点提交，会重新弹出一个页面来显示修改后的结果。
我想让修改后的结果显示在原来那个div中，请问怎么实现

Answer 1

$("#realcontentUserInfo").load("pages/usersPages/userPassword.jsp",function(data){
$("#realcontentUserInfo").html(data);

});
试试看行不行

Answer 2

你修改成功后，直接用jquery修改html的内容，不要再载入。

追问

能不能说详细点，毕业设计老师让用jquery，学了个半懂开始弄，搞死人了。给个例子吧，大神

追答

你为你的修改用户信息页面的提交按钮写一个js的点击事件
$("#buttonId").click(function(){
// 这里获取表单中的所有数据
var xxx = $("#xxx").val();
$.ajax({
type : "post", // or get
url : "xxx.action", // 你要处理修改的页面
data : "xxx=" + xxx + "&xxx=" + xxx, // 你上面获取的表单数据
success : function(data) {
// data为你在xxx.action中处理完后输出的内容。
if(data) {

// 成功
$("#xxx").val(xxx); // 这里获取要展示的区域，然后修改为表单中的内容

}else{
alert("修改失败");

}

}

});

});

这就是一个简单的ajax例子，自己再研究研究··

追问

大神，搞不定。。。就会基本的SSH语法和jsp语法。js和jquery的语法很烂。你给的例子能再详细在吗？

追答

你哪个地方不懂？