實現手機驗證碼登錄

AJAX代碼框架

1. /*點擊元素時執行動作*/
2. $('元素名').on('click',function(){
3. 　$.ajax({
4. 　　type:"post",/*類型有get或post*/
5. 　　url:"請求頁面地址",
6. 　　/*類型為post時可用下面的data,發送數據到服務器*/
7. 　　data:{
8. 　　　'名1':"值1",
9. 　　　'名2':"值2"
10. 　　},
11. 　　async:true,/*true為異步，false為同步*/
12. 　　dataType:"json",/*預期服務器返回的數據類型*/
13. 　　success:function(data){
14. 　　　if(data.success) {
15. 　　　/*成功時執行代碼*/
16. 　　　document.getElementById("元素id").innerHTML=data.msg;
17. 　　　}else {
18. 　　　/*錯誤代碼*/
19. 　　　document.getElementById("元素id").innerHTML='出現錯誤:'+data.msg;
20. 　　　}
21. 　　},
22. 　　error:function(jqXHR){
23. 　　　alert('出現錯誤:'+jqXHR.status);
24. 　　}
25. 　});
26. });
27. 但這個要用到藝靈做的頁面上，注冊的參數有哪些都不知道。最后在@Caokoo大大的幫助下(提供多張連載截圖)，發送手機驗證碼這一關終於過了，之前自己都不知道帶什么參數，在截圖中才知道這里需要跟兩個參數，分別是：action和value，如圖： 

28. 發送手機驗證碼源碼

    1. /*20151105 發送手機驗證碼*/
    2. $('#ils-yzm').on('click',function(){
    3. 　$.ajax({
    4. 　　/*方法二：post+url+data*/
    5. 　　type:"post",
    6. 　　url:"/member/register.php?",/*由於網站使用的是destoon系統，所以這里是destoon中的注冊文件*/
    7. 　　data:{
    8. 　　　'action':"5d72b580e9d6a39f66b8746c7b2d78e6",
    9. 　　　'value':$('#mobile').val()
    10. 　　},
    11. 　　async:true,
    12. 　　/*測試時發現html和json都可以成功彈出data的值*/
    13. 　　dataType:"json",
    14. 　　success:function(data){/*alert("發送驗證碼的data:"+data);*/
    15. 　　　if(data == 1) {
    16. 　　　　StopSCode();
    17. 　　　}else if(data == 2) {
    18. 　　　　$('.m-msg').html('<span class="msg">手機號碼格式錯誤，請檢查</span>').stop().show(300).delay(3000).hide(300);
    19. 　　　} else if(data == 3) {
    20. 　　 　　$('.m-msg').html('<span class="msg">手機號碼已存在，請更換</span>').stop().show(300).delay(3000).hide(300);
    21. 　　　} else if(data == 5) {
    22. 　　 　　alert('短信發送過快，請稍后再試');
    23. 　　　} else if(data == 6) {
    24. 　　 　　alert('嘗試發送次數太多，請稍后再試');
    25. 　　　} else {
    26. 　　 　　alert('未知錯誤，請稍后重試');
    27. 　　　}
    28. 　　},
    29. 　　error:function(jqXHR){
    30. 　　　alert('出現錯誤:'+jqXHR.status);
    31. 　　}
    32. 　});
    33. });