验证码有两种获取方式,一种是刷新页面获取,一种是点击更新新图片,下面分别介绍一下:
1、刷新页面获取
刷新页面获取可以通过给img标签的src等于一个action路径的方式,这样每次刷新img都会去后台请求这个action,返回一个新的验证码
2、点击更新图片
很多种情况下我们并不刷新页面,而只是点击更换验证码的局部刷新方式,这时我们需要在img上增加一个onclick事件,写一个function函数,在函数里获取src的值为action路径,需要注意的是,我们要在后面跟一个Math.random()方法,以帮助我们每次都是发送的一个全新的请求,避免浏览器返回缓存的内容。
代码:html页面img标签的定义,有src和onclick
代码:changeImg的函数处理
1、刷新页面获取
刷新页面获取可以通过给img标签的src等于一个action路径的方式,这样每次刷新img都会去后台请求这个action,返回一个新的验证码
2、点击更新图片
很多种情况下我们并不刷新页面,而只是点击更换验证码的局部刷新方式,这时我们需要在img上增加一个onclick事件,写一个function函数,在函数里获取src的值为action路径,需要注意的是,我们要在后面跟一个Math.random()方法,以帮助我们每次都是发送的一个全新的请求,避免浏览器返回缓存的内容。
代码:html页面img标签的定义,有src和onclick
<img src="validate.do" id="validateImage" onclick="changeImg();">
代码:changeImg的函数处理
function changeImg(){
document.getElementById("validateImage").src ="validate.do?rnd="+ Math.random();
}