0818_短信验证&ajax请求

2016-08-18  本文已影响198人  天才在战斗

新内容(短信验证)

为什么使用短信验证码?

  1. 为新注册用户提供便捷
  2. 使的用户信息更加安全
  3. 屏蔽一些非法用户
  4. 掌握用户真实信息, 便于日后与用户沟通

短信验证接口推荐----阿里大于

首先, 登录阿里大于官网进行注册登录(可以用淘宝账号登录)

创建相应的应用来获取对应的 App Key 和 App Secret


创建新应用

创建对应的模板在项目中统一使用


配置短信模板

阿里大于的接口

使用nodejs接口, 导入已有模块super-alidayu
super-alidayu
注意: 修改demo中的 App Key 和 App Secret 以及短信模板ID

与后端验证思想(保存验证码到session)

前端利用 ajax 局部请求后台, 后台接收请求, 生成相应的验证码, 并将此验证码存于session之中, 带用户确定提交注册之时, 同时验证手机及验证码方可确定.

ajax

  1. ajax = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
  2. ajax 不是新的编程语言,而是一种使用现有标准的新方法。
  3. ajax 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

例子:

$.ajax({
  url:'',                         // 请求的 url 地址
  data:{},                        // 请求提供的参数, 用 json 存放
  type:'post',                    // 请求方式
  dataType:'json',                // 服务器端返回的内容格式
  success:function(data) {        // 请求正确, 得到响应
    if(data.res == 'errCode') {
      alert('验证码错误');
    } else {
      alert('注册成功');
    }
  }
  error:function(data) {          // 请求错误

  }
});

作业:

通过jQuery Mobile写的前端页面使用ajax技术实现与后台进行手机验证码功能.

上一篇 下一篇

猜你喜欢

热点阅读