<div
class="vcode">
<h2>驗證碼</h2>
<input
class="vcode-box" id="verifycode">
<img src="/servelt/image22" alt="yanzhengma" id="code" >
<small><a href="JavaScript:refresh();" >換一張</a></small>
</div>
<script type="text/javascript">
function refresh(){
document.getElementById('code').src="/servelt/image22?id="+Math.random();
}
function submit(){
var title=$("#title").val();
var title=$("#content").val();
var title=$("#phone").val();
var title=$("#verifycode").val();
$.ajax({
})
}
</script>
<img src="AuthCodeServlet" onclick="refresh(this)"/>
在一般情況下刷新一次頁面，驗證碼圖片也會變化一次，但有時候我們希望驗證碼圖片變化時不刷新整個頁面，也就是局部刷新的效果，so easy,代碼如下：
Js代碼
- <script type="text/javascript">
- function refresh(obj){
- obj.src="AuthCodeServlet?id="+Math.random();
- }
- </script>
其中需要注意的是請求路徑中必須要有參數（參數名可隨意定義），參數值不能是一個固定值而是隨機數。
代碼中obj對象是指img標簽對象。
posted on 2014-11-14 23:01
藤本薔薇 閱讀(201)
評論(0) 編輯 收藏