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技術實現與后臺進行手機驗證碼功能.

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,251評論 25 708
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,923評論 18 139
  • 賬號是用戶在App中的唯一標識ID,用戶在App中所有的行為比如社交App中的發帖、回復、加好友,個人信息、等級成...
    夏林X閱讀 2,387評論 2 33
  • 前些天《人民的名義》熱播時,很多人說《名義》雖好,但比《雍正王朝》還差點境界,于是就又將《雍正王朝》看了一遍,看完...
    青霉素男爵閱讀 2,144評論 0 1
  • 塘中兩只鴨,相守過家家 日子平安度,何必走天涯
    溪畔逢故人閱讀 146評論 1 1