JSP结合js实现img中src更新请求的方法
本文实例讲述了JSP结合js实现img中src更新请求的方法。分享给大家供大家参考。具体如下:
1.javascript(更新的函数)
<scripttype="text/javascript">
functionchangeImage(){
varimg=document.getElementById("imgVcode");
if(img.name==1){
img.name=2;
img.src="shop.do?method=registerImage2";
}elseif(img.name==2){
img.name=1;
img.src="shop.do?method=registerImage";
}
}
</script>
2.jsp中img和img改变的代码
<td> <imgclass="yzm_img"id='imgVcode'name="1"src="shop.do?method=registerImage"/> <inputname="code"type="text"id="txtVerifyCode" class="yzm_input"onblur="testCode(this)"/> <divclass="text_leftt1"> <pclass="t1"> <spanid="vcodeValidMsg">请输入图片中的四个字母。</span> <spanid="codeInfo"style="color:red"></span> <ahref="#"id="imgchange"onclick="changeImage()">看不清楚?换个图片</a> </p> </div> </td>
3.后台action代码
publicActionForwardregisterImage(ActionMappingmapping,ActionFormform,
HttpServletRequestrequest,HttpServletResponseresponse)
throwsException{
//将image创建,返回认证码
response.setContentType("image/jpeg");
OutputStreamout=response.getOutputStream();
StringstrEnsure=shopManager.createImageInfo(50,20,out);
//设置到session中
request.getSession().setAttribute("strEnsure",strEnsure);
returnnull;
}
publicActionForwardregisterImage2(ActionMappingmapping,ActionFormform,
HttpServletRequestrequest,HttpServletResponseresponse)
throwsException{
//将image创建,返回认证码
response.setContentType("image/jpeg");
OutputStreamout=response.getOutputStream();
StringstrEnsure=shopManager.createImageInfo(50,20,out);
//设置到session中
request.getSession().setAttribute("strEnsure",strEnsure);
returnnull;
}
希望本文所述对大家的JavaScript程序设计有所帮助。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下