用ajax实现 短信接口

<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>

想要更多联系我