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>

 

 
posted @ 2016-10-20 14:31  pengcx  阅读(4707)  评论(0编辑  收藏  举报