短信验证:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>alidayujs test</title>
<script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.js"></script>
<script src="http://cdn.bootcss.com/blueimp-md5/2.1.0/js/md5.js"</script>
<script src="alidayujs/lib/alidayu.js"></script>
</head>
<body>
<div>
<input type="text" name="tel" value="" id="tel">
<button onclick="test()">获取验证码</button>
</div>
</body>
</html>
<script>
function test(){
//随机数
var rands=math.rand("");
var tel =document.getElementById("tel").value;
//注册阿里大鱼输入key
var config={
app_key:'2323232'
secret:'22323aeaeaae23'
};
var app=new Alidayu(config);
var options={
//验证身份用的
sms_free_sign_name: '登录验证',
//发送短信参数
sms_param: {
//随机发送验证码同时保存到session
code: rands,
product: '一登',
},
//输入手机号
rec_num: '13800138000',
//短信模板阿里大鱼审核
sms_template_code: 'SMS_4045620',
};
// 发送短信,callback方式调用
app.sms(options,function(err, result){
if (err) {
return console.log(err);
}
console.log(result);
}
});
}
}
</script>
ajax示例
$.ajax({
//url地址
url:'http://192.168.20.44:30000/users/register',
//json对象,数据传到url地址处理业务逻辑
data:{phoneNum:phone,cd:code,pwd:pass},
//传输方式post
type:'post',
//返回类型
dataType:'json',
success:function(data){
if(data.res=='errCode'){
alter('验证码错误');
}else{
alter('注册成功');
}
}
});
ps:设置随机函数,在发送验证码调用随机函数,给用户发送随机数,同时保存到session中,在用户输入验证码点击确认时,把用户输入的验证码和session做一次匹配,然后判断成功与否,在此之前,做一个手机号输入框判断,判断手机号是否为空,是否为在session中发送验证码的手机,要保持一致
什么是 AJAX ?
AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
json:
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C、C++、C#、Java、JavaScript、Perl、Python等)。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络传输速率)。