2016年8月18日学习笔记
2016-08-19 本文已影响0人
刘宇龙
短信验证：
<!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成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。
