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程序设计有所帮助。
热门推荐
10 五一公司放假祝福语简短
11 追星女孩的祝福语简短
12 给长辈端午祝福语 简短
13 生日祝福语有诗意简短
14 团圆日祝福语简短
15 中秋商务祝福语简短最新
16 温暖文艺简短祝福语短句
17 男孩上学祝福语简短的
18 入住酒店文案祝福语简短