ajax實現手機獲取驗證碼


<script type="text/javascript">
    var InterValObj; //timer變量,控制時間
    var count = 60; //間隔函數,1秒執行
    var curCount;//當前剩余秒數
    function sendMessage() {
        //向后台發送處理數據
        $.ajax({
            type: "get", //用GET方式傳輸
            dataType: "json", //數據格式:JSON
            url: '/login/sendauth?mobile=' + $('#forget_mobile').val(), //目標地址
            success: function (data) {
                //console.log(data);
                if(data.code==true){
                    curCount = count;
                    //設置button效果,開始計時
                    $("#btnSendCode").attr("disabled", "true");
                    $("#btnSendCode").val("請在" + curCount + "秒內輸入驗證碼");
                    InterValObj = window.setInterval(SetRemainTime, 1000); //啟動計時器,1秒執行一次
                }else {
                    alert(data.msg);
                }
            }
        });
    }
    //timer處理函數
    function SetRemainTime() {
        if (curCount == 0) {
            window.clearInterval(InterValObj);//停止計時器
            $("#btnSendCode").removeAttr("disabled");//啟用按鈕
            $("#btnSendCode").val("重新發送驗證碼");
        }
        else {
            curCount--;
            $("#btnSendCode").val("請在" + curCount + "秒內輸入驗證碼");
        }
    }
</script>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM