javascript - Warum die Rückgabe von false in js die Ausführung nach unten verhindern kann
欧阳克
欧阳克 2017-06-12 09:21:55
0
5
3942
 //再次验证手机号码 格式是否正确
            var reg = /^1[3|5|4|8|7|][0-9]\d{8}$/;
            var r = phone.match(reg);
            if (r == null) {
                layer.open({
                    content: '手机号码格式不正确'
                    ,skin: 'msg'
                    ,time: 3 //2秒后自动关闭
                });
                return false;   //第一个return false是有效的
            }

            //再次验证手机号码是否已经存在
            $.post("__MODULE__/Login/ajaxCheckPhoneIsExist",{phone:phone},function(data,status){


                if(data=="手机号码已被注册"){

                    layer.open({
                        content: '该手机号码已经存在'
                        ,skin: 'msg'
                        ,time: 3 //2秒后自动关闭
                    });

                    return false;   //第2个return false无效
                }

            });
            
            
            alert("11111");

//Die erste Rückgabe „false“ ist gültig
//Die zweite Rückgabe „false“ ist ungültig
Was ist der Grund

欧阳克
欧阳克

温故而知新,可以为师矣。 博客:www.ouyangke.com

Antworte allen(5)
世界只因有你

题主的第一个return false是同步调用的,因此能看见效果;

$.post方法是异步执行的,因此在$.post方法的回调函数里面return false的时候,其实是生效了的,但是在执行这句代码的时候,$.post外面的代码早就执行完成了,所以看不到效果而已。另外,在回调函数里面加这句代码并没有什么意义,因为即使是return,也是退出当前执行的函数,即$.post的回调函数,并不能阻止$.post外面代码的执行。

如果有代码需要在$.post请求成功之后执行的,那就把代码放到$.post方法的回调函数里面去吧。例如题主如果本意想让alert('1111')在请求成功后通过条件判断执行,那可以alert('11111')放在$.post方法的回调函数中;

这里再跟题主解释一下同步和异步吧,举个栗子,比如题主在写代码,觉得口渴了,就去烧水喝。这个过程中题主就相当于一个线程,写代码是题主当前正在执行的事情,觉得口渴了就去接点水放在那里烧,不用管它,题主依然继续写代码,只需要等到水烧好了自己拿下来喝就好了。题主的代码也是一样的,js从上到下执行,当执行到$.post就发送一个请求,请求的过程中外部的js还是继续执行(并没有等待$.post请求返回结果),等到ajax请求返回了,再回调之前定义的回调函数。这里除了$.post是异步执行外,其余的代码都是同步执行的。

另外发现题主的正则可以优化,个人认为可以写成/^1[34578]\d{9}$/g

漂亮男人

return返回的是当前函数的,你的第一个return相对的是一个click事件的回调函数,而第二个是相对的ajax请求的回调函数,自然不会阻止外层的函数回调

学习ing

post中函数是异步函数,只有在请求成功后才会被调用,在请求成功返回前,会继续向下执行代码。所以return false语句无效。解决办法是把return false 放在异步函数外面,不要放在$.post()的异步函数中。

某草草

$.post 是异步执行的,需要使用 $.ajax 并设置 async: false

巴扎黑

放在alert(1111)同级

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage