实现手机验证码登录

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('手机号码格式错误，请检查').stop().show(300).delay(3000).hide(300);
    19. 　　　} else if(data == 3) {
    20. 　　 　　$('.m-msg').html('手机号码已存在，请更换').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. });

转载于:https://www.cnblogs.com/xiaozhuweb/p/5826218.html