用ajax实现 短信接口

用ajax实现 短信接口

2019-04-01 19:30:20 作者:啊哈   |   浏览(706)   |   评论(0)   |   得分(1)

<td>

          <input type="text" id="phone" name="phone" class="pb-mt15 txt" placeholder="请输入正确的手机号">

<!--<button type="button" id="getCode" class="pb-icons pb-mt15">获取短信验证码</button>-->

<input type="button" id="getCode" style="width:117px;height:50px;cursor:pointer;"

                            class="pb-icons pb-mt15" value="免费获取验证码">

          </td>



<script type="text/javascript">

// 点击按钮后执行ajax方法

$("#getCode").click(function(){

$.ajax({

type: "POST",

url:"Qcloud/ceshi/sms.php",

data: "&phone=" + $("#phone").val(),

success : function(result){

//转换为json对象 

var date = eval("(" + result + ")");

console.log(date);

// 进行判断

if(date.result == 0){

//发送成功  将按钮状态变成不可点击状态

// disabled=true

//设置时间间隔,多长时间后可点击

//1.setInterval

//2.disabled=false

session_start;

alert("发送短信成功");

}else{

//发送短信失败

alert("发送短信失败");

}

}

});

})

</script>

倒计时


<script type="text/javascript">

document.getElementById("getCode").onclick = function() {time(this);}

                            var wait = 60;

                            function time(o) {

                                if (wait == 0) {

                                    o.removeAttribute("disabled");

                                    o.value = "免费获取验证码";

                                    

                                    wait = 30;

                                } else {

                                    o.setAttribute("disabled", true);

                                    o.value = "重新发送(" + wait +'s'+ ")";

                                    wait--;

                                    setTimeout(function() {

                                        time(o)

                                    },

                                    1000)

                                  

                                }

                            }                            

     </script>

想要更多联系我

0 分
分享到合作网站并加15分:
获奖规则 全部评论(0
啊哈

作者昵称:啊哈

当前排名:6

当前得分:1

征文比赛 有奖征文
下期专题
原生js jquery
已投稿 2       获奖规则
有奖征文
倾听世界
清纯唯美写真合集
也许我就是一块老墨
证件照
享笑网2015-5-30#325806#
爱情就是一百多年的孤寂
中国书法家【郝天明】书法新作(妙笔生辉