Login_index.html:
<script type="text/javascript"> var verifyUrl = '{:U("Admin/Login/verify",'','')}';//第三參數為空即不加后綴名</script><script type="text/Javascript" src="__PUBLIC__/Js/login.js"></script>
<tr><th>驗證碼:</th><td><input type="code" class="len250" name="code"/> <img src="{:U('Admin/Login/verify')}" id="code"/> <a href="javascript:void(change_code(this));">看不清</a></td></tr>
login.js:
function change_code(obj){$("#code").attr("src",verifyUrl + '/' + Math.random());//加個隨機數重新刷新頁面即刷新了驗證碼。return false;}
由于瀏覽器會對同一 url 的圖像進行緩存,減少服務器端的請求次數,提高瀏覽性能。
利用附加一個隨機數,來避免客戶端瀏覽器使用緩存。讓每次點擊刷新驗證碼的時候
請求的 URL 路徑都不同,告訴瀏覽器上個圖片已經失效了,需要重新向服務器上請求
新的圖片信息。
因為如果每次都是請求同一個頁面,此時客戶端瀏覽器會調用緩存中的頁面。
而如果你每次都附加一個不同隨機數給url,那么客戶端會以為是新的頁面,從而會向
服務器請求,這樣才能實現每次點擊都會刷新驗證碼的效果。
新聞熱點
疑難解答
圖片精選