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程序设计有所帮助。