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

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jsp
， js
， img
， src
更新请求
img src post请求、img src发请求、img src 请求、用img src 请求ajax、img src 自动请求，以便于您获取更多的相关知识。