script菜鸟请教问题

Question

请教各位高人，我的验证码是sevlet生成的以流的形式返回，在页面里面是用<image src="servlet URL">获的，另外还有个按钮可以点击获得新的验证码，但是发现只要点击按钮，页面就跳转到另外一个只有验证码图片的页面，这样才能不跳转只在原来页面显示啊，是不是用script脚本啊，请各位高手指点下啊

Answer 1

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【gs_bg】截止到2008-06-22 21:37:58的历史汇总数据(不包括此帖)：
发帖数:11                 发帖分:220                
结贴数:9                  结贴分:180                
未结数:2                  未结分:40                 
结贴率:81.82 %            结分率:81.82 %            
楼主加油

Answer 2

从新指定图片的SRC就行了
<image id="img1" src="servlet URL">function newCode(){
    document.getElementById("img1").src="servlet URL";//URL是一样的，但是servlet中需要禁止缓存
}<input type="button" value="新验证码" onclick="newCode()">禁止缓存入下：
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
response.setDateHeader ("Expires", 0);

Answer 3

function refreshValidatingImg (){
document.getElementById("img1").src = 'servlet URL?' + Date.parse(new Date()); 
}<img src=""servlet URL>
<input type="button" value="新验证码" onclick="newCode()"> 
或者url
<a href="javascript: refreshValidatingImg ();">看不清楚，再来一张</a>需要重新设置img标签的src属性不用禁止缓存
最好的方法是价格javascript时间戳。如红色部分。

Answer 4

禁止缓存最好带随机数 Math.random()例如：
js中：
function getImg(){
document.getElementById("gimg").src = 'xxxx.do?method=xgetxxx&m='+Math.random();
}页面中：<img src="" id="gimg">
<a href="#" onclick="getImg()">看不清，换一张</a> 这样就ok了