JS同步和异步混用的问题

2011-01-12 04:49:46 1.1k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Playwright同步与异步API混用错误解析与解决方案在Python自动化测试与爬虫开发中，异步编程是提升I/O密集型任务效率的关键技术。其核心原理是通过asyncio事件循环实现非阻塞操作，允许程序在等待网络请求或页面加载时执行其他任务，从而显著提升并发性能。这一技术价值在于能够高效管理多个浏览器实例或标签页，广泛应用于大规模数据采集、自动化测试等场景。然而，当开发者混合使用Playwright的同步与异步API时，常会遇到'It looks like you are using Playwright Sync API inside the Async AP 阅读详情

<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是验证码如果都合格了才让服务器验证密码）

...全文

机械臂电机力矩计算设计 6 轴机械臂时，电机力矩计算是确保机械臂负载能力、运动精度和安全性的核心环节，需围绕和两大核心展开，结合机械臂结构参数（如关节长度、质量分布）、负载需求（如末端负载重量、惯性）和运动参数（如加速度、角速度）逐步推导。阅读详情

yueyufei3

.NET社区 62,273 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

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

         })

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

吴青峰 2011-01-12

打赏
举报

不是不访问，是不会刷新，你多用几次就明白了，一点技术含量都没有。

yueyufei3 2011-01-12

打赏
举报

LS 看清楚问题
就算先判断验证码 js也不会等待回调完了再return的
仍然是return true的

gongsun 2011-01-12

打赏
举报

我日。。。

怎么不先判断验证码在去校验用户名、密码？？？

如果你验证码的服务和判断用户名、密码的服务分开写。

那就是 2个同步的方法。

第一方法返回true 执行下一个！

这个想想也不能用异步啊！！！

yueyufei3 2011-01-12

打赏
举报

LS 你那个是alert
如果是return true/false就不行了因为return 其他的不会执行了但是alert会等的

yueyufei3 2011-01-12

打赏
举报

ajax async: false设置成false 不就直接不访问了

吴青峰 2011-01-12

打赏
举报

JS同步和异步混用的问题

相关推荐