0818_短信验证&ajax请求

新内容(短信验证)

为什么使用短信验证码?

  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技术实现与后台进行手机验证码功能.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,050评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,038评论 19 139
  • 账号是用户在App中的唯一标识ID,用户在App中所有的行为比如社交App中的发帖、回复、加好友,个人信息、等级成...
    夏林X阅读 7,220评论 2 33
  • 前些天《人民的名义》热播时,很多人说《名义》虽好,但比《雍正王朝》还差点境界,于是就又将《雍正王朝》看了一遍,看完...
    青霉素男爵阅读 6,401评论 0 1
  • 塘中两只鸭,相守过家家 日子平安度,何必走天涯
    溪畔逢故人阅读 1,220评论 1 1

友情链接更多精彩内容