js同步和异步请求

2023.3.2今天我学习了同步请求和异步请求的区别:

同步请求:

指代码按照顺序依次执行,每一行代码都要等待上一行代码执行完成后才能继续执行,比如你有两个接口,它会第一个接口请求完才去请求下一个接口。

异步请求:

指某个操作会在后台能进行,不会阻塞主线程的执行,允许程序在等待某个操作完成的同时继续执行其他操作,而不必等待该操作完成,是一种并发执行

特殊:

await是用来定义异步函数的关键字,它可以让异步操作变起来像同步操作一样。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在Ajax中,同步请求异步请求是两种不同的请求方式。 同步请求是指在发送请求后,浏览器会等待服务器返回响应后再继续执行后续的代码。也就是说,在同步请求中,浏览器会阻塞页面的加载和用户的交互,直到服务器返回响应为止。 异步请求是指在发送请求后,浏览器不会等待服务器返回响应,而是继续执行后续的代码。当服务器返回响应时,浏览器会触发相应的事件处理程序来处理响应。在异步请求中,页面的加载和用户的交互不会被阻塞,用户可以继续进行其他操作。 下面是一个示例代码,展示了同步请求异步请求的差别: ```javascript // 同步请求示例 var xhrSync = new XMLHttpRequest(); xhrSync.open('GET', 'https://example.com/api/data', false); // 第三个参数设置为false表示同步请求 xhrSync.send(); console.log(xhrSync.responseText); // 在请求完成后,直接获取响应内容 // 异步请求示例 var xhrAsync = new XMLHttpRequest(); xhrAsync.open('GET', 'https://example.com/api/data', true); // 第三个参数设置为true表示异步请求 xhrAsync.onload = function() { if (xhrAsync.status === 200) { console.log(xhrAsync.responseText); // 在事件处理程序中获取响应内容 } }; xhrAsync.send(); console.log('请求已发送'); // 在请求发送后,继续执行后续的代码 ``` 在上面的示例中,同步请求会阻塞代码的执行,直到服务器返回响应后才会继续执行后续的代码。而异步请求则不会阻塞代码的执行,可以在请求发送后继续执行后续的代码,待服务器返回响应时再触发事件处理程序来处理响应。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

敲代码无敌小奶龙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值