怎么用javascript实现异步刷新
日期：2014-05-18 浏览次数：20595 次
如何用javascript实现异步刷新？
我做了一个validatecode.jsp页面，它的功能是随机产生验证码，我在我的login.jsp页面调用它，我想实现的功能是，只要单击验证图片，而不需要刷新整个页面就能重新载入validatecode.jsp产生的图片。
另外，为什么我用<html:image>标签时，单击图片时，它直接跳到了login.do页面？而<html:img>则只是生成图片？
能不能只用javascript完成，因为我不会用ajax?
这是我的代码：
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/include/taglibs.jsp"%>
<%@ include file="/include/header.html"%>
<html:html>
<head>
<html:base />
<title><bean:message key="bbs.title" />用户登录</title>
<style type="text/css">
<!--
.STYLE2 {
font-family: "宋体";
font-size: 25px;
}
.STYLE3 {font-size: 14px}
-->
</style>
</head>
<body>
<script language="javascript">
function show() {
}
function doClick(){
window.location.href="../user/register.jsp";
}
</script>
<p>
</p>
<table width="300" border="0" align="center" cellpadding="0"
cellspacing="0">
<html:form action="login.do" method="post">
<tr>
<td>
您的帐号 :
<html:text property="username" size="20" />
</td>
</tr>
<tr>
<td>
<html:errors property="username.null" />
</tr>
<tr>
<td>
您的密码 :
<html:password property="password" size="20" />
</td>
</tr>
<tr>
<td>
<html:errors property="password.null" />
</td>
</tr>
<tr>
<td>
登录期限 :
<html:select property="keeptime">
<html:option value="0">永不保存</html:option>
<html:option value="86400">保存一天</html:option>
<html:option value="604800">保存一周</html:option>
<html:option value="2592000">保存一月</html:option>
<html:option value="31536000">保存一年</html:option>
</html:select>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>
验 证 码 :
<html:text property="validatecode" size="6" />
</td>
<td width="10">
</td>
<td>
<html:image src="../include/validatecode.jsp" onclick="show()" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<html:errors property="errors.validatecode" />
</td>
</tr>
<tr>
<td>
<table align="center">
<tr>
<td width="100">
<html:submit value="登录" />
</td>
<td width="100">
<html:reset value="重填" />
</td>
<td width="100">
<html:button property="button" onclick="doClick()">
<bean:message key="bbs.register"/>
</html:button>
</td>
</t
我做了一个validatecode.jsp页面，它的功能是随机产生验证码，我在我的login.jsp页面调用它，我想实现的功能是，只要单击验证图片，而不需要刷新整个页面就能重新载入validatecode.jsp产生的图片。
另外，为什么我用<html:image>标签时，单击图片时，它直接跳到了login.do页面？而<html:img>则只是生成图片？
能不能只用javascript完成，因为我不会用ajax?
这是我的代码：
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/include/taglibs.jsp"%>
<%@ include file="/include/header.html"%>
<html:html>
<head>
<html:base />
<title><bean:message key="bbs.title" />用户登录</title>
<style type="text/css">
<!--
.STYLE2 {
font-family: "宋体";
font-size: 25px;
}
.STYLE3 {font-size: 14px}
-->
</style>
</head>
<body>
<script language="javascript">
function show() {
}
function doClick(){
window.location.href="../user/register.jsp";
}
</script>
<p>
</p>
<table width="300" border="0" align="center" cellpadding="0"
cellspacing="0">
<html:form action="login.do" method="post">
<tr>
<td>
您的帐号 :
<html:text property="username" size="20" />
</td>
</tr>
<tr>
<td>
<html:errors property="username.null" />
</tr>
<tr>
<td>
您的密码 :
<html:password property="password" size="20" />
</td>
</tr>
<tr>
<td>
<html:errors property="password.null" />
</td>
</tr>
<tr>
<td>
登录期限 :
<html:select property="keeptime">
<html:option value="0">永不保存</html:option>
<html:option value="86400">保存一天</html:option>
<html:option value="604800">保存一周</html:option>
<html:option value="2592000">保存一月</html:option>
<html:option value="31536000">保存一年</html:option>
</html:select>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>
验 证 码 :
<html:text property="validatecode" size="6" />
</td>
<td width="10">
</td>
<td>
<html:image src="../include/validatecode.jsp" onclick="show()" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<html:errors property="errors.validatecode" />
</td>
</tr>
<tr>
<td>
<table align="center">
<tr>
<td width="100">
<html:submit value="登录" />
</td>
<td width="100">
<html:reset value="重填" />
</td>
<td width="100">
<html:button property="button" onclick="doClick()">
<bean:message key="bbs.register"/>
</html:button>
</td>
</t
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
