局部刷新的div里面提交表单后如何再局部刷新那个div而不是整个网页都刷新
如下主页局部代码：<scripttype="text/javascript">functiongo(n){if(n==1){$("#main").load("zhuce....
如下
主页局部代码：
<script type="text/javascript">
function go(n){
if(n==1){
$("#main").load("zhuce.jsp");
}else if(n==2){
$("#main").load("discuss.html");
}
}
</script>
</head>
<body>
<div style="position: relative;">
<div id="left">
<div id="logo"></div>
<div id="nav">
<ul class="all">
<li class="li01">用户
<ul class="li_01">
<li>用户登陆</li>
<li>修改资料</li>
<li>用户注销</li>
<li><a href="#" onClick="go(1);">用户注册</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="mylogo" id="mylogo"></div>
<div class="main" id="main">
</div>
</div>
</body>
</html>
注册页面局部代码：
<body>
<h1 align="center">用户注册</h1>
<div align="center">
<form name="reg" action="./zhuceservlet" method="post" target="_self">
<table width="90%" border="0">
<tr>
<td width="50%" align="right" height="25"><font face="Arial, Helvetica, sans-serif">请输入要注册的用户名：</font></td>
<td width="50%" align="left" height="25">
<input type="text" name="UserName">
</td>
</tr>
<tr>
<td width="50%" align="right" height="25">请输入密码：</td>
<td width="50%" align="left" height="25"> <input type="password" name="UserPassword"></td>
</tr>
</table>
<p>
<input type="submit" name="sub" value="注册">
</p>
</form>
</div>
</body>
注册跳转到servlet控制器，数据提交到数据库后我在servlet中用这条语句跳转
out.write("<script>alert('注册成功');location.href='./zhuce.jsp'</script>");
结果便是整个主页面都刷新跳转了，请问该如何只控制div里面局部刷新而不是整个都刷新
请各位大神指教 展开
主页局部代码：
<script type="text/javascript">
function go(n){
if(n==1){
$("#main").load("zhuce.jsp");
}else if(n==2){
$("#main").load("discuss.html");
}
}
</script>
</head>
<body>
<div style="position: relative;">
<div id="left">
<div id="logo"></div>
<div id="nav">
<ul class="all">
<li class="li01">用户
<ul class="li_01">
<li>用户登陆</li>
<li>修改资料</li>
<li>用户注销</li>
<li><a href="#" onClick="go(1);">用户注册</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="mylogo" id="mylogo"></div>
<div class="main" id="main">
</div>
</div>
</body>
</html>
注册页面局部代码：
<body>
<h1 align="center">用户注册</h1>
<div align="center">
<form name="reg" action="./zhuceservlet" method="post" target="_self">
<table width="90%" border="0">
<tr>
<td width="50%" align="right" height="25"><font face="Arial, Helvetica, sans-serif">请输入要注册的用户名：</font></td>
<td width="50%" align="left" height="25">
<input type="text" name="UserName">
</td>
</tr>
<tr>
<td width="50%" align="right" height="25">请输入密码：</td>
<td width="50%" align="left" height="25"> <input type="password" name="UserPassword"></td>
</tr>
</table>
<p>
<input type="submit" name="sub" value="注册">
</p>
</form>
</div>
</body>
注册跳转到servlet控制器，数据提交到数据库后我在servlet中用这条语句跳转
out.write("<script>alert('注册成功');location.href='./zhuce.jsp'</script>");
结果便是整个主页面都刷新跳转了，请问该如何只控制div里面局部刷新而不是整个都刷新
请各位大神指教 展开
3个回答
展开全部
使用ajax让表单数据提交到数据库，然后返回数据可以为json、xml格式等 然后在控制div里的内容 就局部刷新了。 不要忘记返回状态。这样就能根据返回的状态。去控制div进行操作
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用AJAX,页面局部刷新技术
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用ajax，异步请求局部刷新 用户体验甚好
追问
能具体一下么
追答
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。
如果需要实现的话可以看下 jquery的AJAX 很简单的 如果会jquery得话学起来很快
http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 这篇文章可以看下
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
