美文网首页
0818_短信验证&ajax请求

0818_短信验证&ajax请求

作者: 天才在战斗 | 来源:发表于2016-08-18 22:47 被阅读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技术实现与后台进行手机验证码功能.

    相关文章

      网友评论

          本文标题:0818_短信验证&ajax请求

          本文链接:https://www.haomeiwen.com/subject/qyzvsttx.html