JS同步和异步混用的问题

yueyufei3 2011-01-12 04:49:46

<script>

$("#btn").bind("click",function()

{

if($("#text1").attr("value")==""){return false;}

if($("#text2").attr("value")==""){return false;}



$.get("abc.ashx",function(data)

{

if($("#text3").attr("value")!=data){return false}

else{return true}

});





});

</script>

例如这样一个简单的JS 前2个if 都是同步如果为空都会return false
第三个因为是异步程序不会等待get得到数据然后再判断true false 而是直接绕过get 返回一个true

请问大家都是如何解决这个问题（这个问题一般都是用于登录 text1 text2 是用户密码 text3是验证码如果都合格了才让服务器验证密码）

...全文

953 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

tanyuwen66 2013-01-11

打赏
举报

挺二楼，我将async为false，就解决问题

naifen00 2011-11-23

打赏
举报

万恶的不能编辑。。再发一次！
首先纠正一下 click function里的 return false 用处是取消dom默认时间取消冒泡
另外比较喜欢7楼对ajax同步异步的例子，很有帮助
楼主应该是想要下面的效果



    $("#btn").bind("click", function(){

        if ($("#text1").attr("value") != "" && $("#text2").attr("value") != "") {

            $.get("abc.ashx", function(data){

                if ($("#text3").attr("value") != data) {

                    window.console&&console.log('验证码校验成功');

                }

                else {

                    window.console&&console.log('验证码校验不成功');

                }

            });

        }

        

    });

</script>

naifen00 2011-11-23

打赏
举报

[Quote=引用楼主 yueyufei3 的回复:]
JScript code

<script>
$("#btn").bind("click",function()
{

if($("#text1").attr("value")==""){return false;}

if($("#text2").attr("value")==""){return false;}



$.get("abc.ashx",function(data)

{……

[/Quote]



首先 纠正一下 click function里的 return false 用处是取消dom默认时间 取消冒泡

另外 比较喜欢7楼对ajax同步异步的例子，很有帮助

楼主应该是想要下面的效果

[code=JScript]<script>

	$("#btn").bind("click", function(){

		if ($("#text1").attr("value") != "" && $("#text2").attr("value") != "") {

			$.get("abc.ashx", function(data){

				if ($("#text3").attr("value") != data) {

					window.console&&console.log('验证码校验成功');

				}

				else {

					window.console&&console.log('验证码校验不成功');

				}

			});

		}

		

	});

</script>

hypnoz 2011-01-12

打赏
举报

yueyufei3 2011-01-12

打赏
举报

我的帖子已经说明了就是return的原因
我的意思是有什么办法怎么不用return 回调页面
比如
if($("#x1").attr("src")!=0){
//这里写点什么不用return true 也能实现点击
//我记得有个_dopostback
}
return false;

以专业开发人员为伍 2011-01-12

打赏
举报

只要你抱定必须返回true、false的思路，那么就注定你的程序的设计思路只能是阻塞的。而重新设计算法，就是把click之后根据返回条件为true时要做的事情（函数）作为参数传递给你的程序，然后你的程序才去注册click事件，这才能避免阻塞式的设计思路。

以专业开发人员为伍 2011-01-12

打赏
举报

看看你的程序的背景，它整个流程（不考虑用什么语言编写）就是必须阻塞线程，其业务逻辑的背景就是要阻塞线程。不管是在发出http post命令时阻塞，还是所注册的处理click的函数内部阻塞（比如使用一个while循环），还是这个函数调用之后的下一个方法阻塞，总之都要等待到http post有返回值之后才能继续执行。你的程序的设计本身，不阻塞不行，这是设计问题。

当点击click之后，能不能把click所要做的下一步的事情注册给http post的回调函数呢？也就是说你的程序的设计初衷不应该是仅仅为了返回true、false，而是要求传递给它一个函数对象，然后由它负责调用这个函数，进行下一步操作。而click之后无需返回true或者false。

其实这让我想起了最近微软吵吵很热门的F#，它宣传它的 async { } 语法是多么方便好用。可是别忘记了，如果你做什么并行程序都只是一个顺序程序设计思路，那么除了编写出用阻塞来模拟多线程的程序，还能学到什么真正的多线程程序设计方法呢？而真正的多线程程序的算法“一看”就跟顺序程序算法风格是不同的，所以你使用F#之类的程序，貌似方便一点点，其实会阻塞你的将大量系统真正按多线程来重新设计算法。

huangwenquan123 2011-01-12

打赏
举报

lz理解错了，程序是从上执行下来的，当你触发click事件后，如果text1为空的话直接return false了，不会执行下面的方法，
如果你两个都不为空的话才执行到那个$.get
反之，如果当页面加载的时候，就异步发送请求到后台获取返回的值，这时还没返回值就取不到
例子：



//因为是异步获取请求，所以alert(str)总是为空

//如果加个async:false,改为同步的话就会等待返回过来的值在继续加载页面

$(document).ready(function(){

                var str="";

                $.ajax({

                    url:"Handler.ashx",

                    type:"get",

                    success:function(result){

                        str=result;

                    }

                })

                alert(str);//总是为空

         })



 $(document).ready(function(){

                var str="";

                $.ajax({

                    url:"Handler.ashx",

                    type:"get",

                    async:false,

                    success:function(result){

                        str=result;

                    }

                })

                alert(str);//返回Hello World。我后台输出的是Hello World

         })

同步请求一般我是在获取广告的时候在用到