主頁(yè) > 網(wǎng)站建設(shè) > 建站知識(shí) > dedecms系統(tǒng)不刷新頁(yè)面改變驗(yàn)證碼的兩種方法

dedecms系統(tǒng)不刷新頁(yè)面改變驗(yàn)證碼的兩種方法

POST TIME:2020-04-04 16:18

第一種方法是在請(qǐng)求地址后面帶參數(shù),這是一個(gè)小竅門(mén)。因?yàn)闉g覽器訪(fǎng)問(wèn)服務(wù)器的時(shí)候地址后面可以帶上參數(shù)一起傳給服務(wù)器,而加載內(nèi)容是只看地址不看后面的參 數(shù);另外在<img src="地址"/>中,只要瀏覽器發(fā)現(xiàn)地址改變了就會(huì)自動(dòng)重新加載該地址指向的圖片。所以只要給地址后面帶上當(dāng)前時(shí)間的參數(shù)那么地址就一直都是不 一樣的,從而讓瀏覽器認(rèn)為地址發(fā)生改變重新去加載驗(yàn)證碼圖片。具體做法是:<img src="地址" onclick="this.src=this.src+'?'+(new Date()).getTime()" /> 這樣就可以在鼠標(biāo)點(diǎn)擊圖片的時(shí)候自動(dòng)改變src地址后的參數(shù),從而實(shí)現(xiàn)自動(dòng)加載。

第二種方法是寫(xiě)一個(gè)JavaScript方法,在點(diǎn)擊鏈接就調(diào)用改方法改變地址從而實(shí)現(xiàn)自動(dòng)改變。具體方法是:
<script type="text/javascript">
function changeVerifyCode(){
var img = document.getElementByIdx('imgVcode'); //在拿到id=imgVcode的<img/>對(duì)象
var time = new Date().getTime();//拿到當(dāng)前時(shí)間
img.src = img.src +'?' + time;//拼接img中src的地址,目的和第一種方法一樣
}
</script>

調(diào)用的地方是<img id="imgVcode" src="地址" />之后的任何地方 。
<a href="javascript:verifyCode()">看不清楚?換個(gè)圖片</a> 點(diǎn)擊就可以改變驗(yàn)證碼了


收縮
  • 微信客服
  • 微信二維碼
  • 電話(huà)咨詢(xún)

  • 400-1100-266