JSP結合js實現img中src更新要求的方法_JSP編程

本文執行個體講述了JSP結合js實現img中src更新要求的方法。分享給大家供大家參考。具體如下：

1.javascript(更新的函數)

<script type="text/javascript"> function changeImage(){   var img = document.getElementById("imgVcode");  if(img.name == 1){     img.name = 2;     img.src = "shop.do?method=registerImage2";  }else if(img.name == 2){     img.name = 1;     img.src = "shop.do?method=registerImage";  } } </script>

2.jsp中img和img改變的代碼

<td>   <img class="yzm_img" id='imgVcode' name="1" src="shop.do?method=registerImage" />  <input name="code" type="text" id="txtVerifyCode"     class="yzm_input" onblur="testCode(this)"/>  <div class="text_left t1">    <p class="t1">      <span id="vcodeValidMsg">請輸入圖片中的四個字母。</span>       <span id="codeInfo" style="color:red"></span>       <a href="#" id="imgchange" onclick="changeImage()">看不清楚？換個圖片</a>    </p>   </div> </td>

3.後台action代碼

public ActionForward registerImage(ActionMapping mapping, ActionForm form,    HttpServletRequest request, HttpServletResponse response)    throws Exception {     //將image建立,返回認證碼     response.setContentType("image/jpeg");     OutputStream out = response.getOutputStream();     String strEnsure = shopManager.createImageInfo(50,20,out);    //設定到session中     request.getSession().setAttribute("strEnsure", strEnsure);    return null;   }   public ActionForward registerImage2(ActionMapping mapping, ActionForm form,       HttpServletRequest request, HttpServletResponse response)      throws Exception {     //將image建立,返回認證碼     response.setContentType("image/jpeg");     OutputStream out = response.getOutputStream();     String strEnsure = shopManager.createImageInfo(50,20,out);    //設定到session中     request.getSession().setAttribute("strEnsure", strEnsure);    return null; } 

希望本文所述對大家的JavaScript程式設計有所協助。