js实现img src更新请求

[javascript] view plain copy

1. 1.javascript(更新的函数)

[javascript] view plain copy

[javascript] view plain copy

1. <scripttype="text/javascript">
2. functionchangeImage(){
3. varimg=document.getElementById("imgVcode");
4. if(img.name==1){
5. img.name=2;
6. img.src="shop.do?method=registerImage2";
7. }elseif(img.name==2){
8. img.name=1;
9. img.src="shop.do?method=registerImage";
10. }
11. }
12. </script>

2.jsp中img和img改变的代码

[plain] view plain copy

1. <td>
2. <imgclass="yzm_img"id='imgVcode'name="1"src="shop.do?method=registerImage"/>
3. <inputname="code"type="text"id="txtVerifyCode"
4. class="yzm_input"onblur="testCode(this)"/>
5. <divclass="text_leftt1">
6. <pclass="t1">
7. <spanid="vcodeValidMsg">请输入图片中的四个字母。</span>
9. <spanid="codeInfo"style="color:red"></span>
10. <ahref="#"id="imgchange"onclick="changeImage()">看不清楚？换个图片</a>
11. </p>
12. </div>
13. </td>

3.后台action代码

[java] view plain copy

1. publicActionForwardregisterImage(ActionMappingmapping,ActionFormform,
2. HttpServletRequestrequest,HttpServletResponseresponse)
3. throwsException{
4. //将image创建,返回认证码
5. response.setContentType("image/jpeg");
6. OutputStreamout=response.getOutputStream();
7. StringstrEnsure=shopManager.createImageInfo(50,20,out);
9. //设置到session中
10. request.getSession().setAttribute("strEnsure",strEnsure);
11. returnnull;
12. }
13. publicActionForwardregisterImage2(ActionMappingmapping,ActionFormform,
14. HttpServletRequestrequest,HttpServletResponseresponse)
15. throwsException{
16. //将image创建,返回认证码
17. response.setContentType("image/jpeg");
18. OutputStreamout=response.getOutputStream();
19. StringstrEnsure=shopManager.createImageInfo(50,20,out);
21. //设置到session中
22. request.getSession().setAttribute("strEnsure",strEnsure);
23. returnnull;
24. }

[javascript] view plain copy

1. 1.javascript(更新的函数)

[javascript] view plain copy

[javascript] view plain copy

1. <scripttype="text/javascript">
2. functionchangeImage(){
3. varimg=document.getElementById("imgVcode");
4. if(img.name==1){
5. img.name=2;
6. img.src="shop.do?method=registerImage2";
7. }elseif(img.name==2){
8. img.name=1;
9. img.src="shop.do?method=registerImage";
10. }
11. }
12. </script>

2.jsp中img和img改变的代码

[plain] view plain copy

1. <td>
2. <imgclass="yzm_img"id='imgVcode'name="1"src="shop.do?method=registerImage"/>
3. <inputname="code"type="text"id="txtVerifyCode"
4. class="yzm_input"onblur="testCode(this)"/>
5. <divclass="text_leftt1">
6. <pclass="t1">
7. <spanid="vcodeValidMsg">请输入图片中的四个字母。</span>
9. <spanid="codeInfo"style="color:red"></span>
10. <ahref="#"id="imgchange"onclick="changeImage()">看不清楚？换个图片</a>
11. </p>
12. </div>
13. </td>

3.后台action代码

[java] view plain copy

1. publicActionForwardregisterImage(ActionMappingmapping,ActionFormform,
2. HttpServletRequestrequest,HttpServletResponseresponse)
3. throwsException{
4. //将image创建,返回认证码
5. response.setContentType("image/jpeg");
6. OutputStreamout=response.getOutputStream();
7. StringstrEnsure=shopManager.createImageInfo(50,20,out);
9. //设置到session中
10. request.getSession().setAttribute("strEnsure",strEnsure);
11. returnnull;
12. }
13. publicActionForwardregisterImage2(ActionMappingmapping,ActionFormform,
14. HttpServletRequestrequest,HttpServletResponseresponse)
15. throwsException{
16. //将image创建,返回认证码
17. response.setContentType("image/jpeg");
18. OutputStreamout=response.getOutputStream();
19. StringstrEnsure=shopManager.createImageInfo(50,20,out);
21. //设置到session中
22. request.getSession().setAttribute("strEnsure",strEnsure);
23. returnnull;
24. }