异步和同步请求的选择

已于 2022-12-01 22:34:57 修改
阅读量564 收藏 3
点赞数
分类专栏： web前端 文章标签： 前端 javascript 开发语言
于 2022-09-09 15:44:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62639693/article/details/126784077
版权

关于前端给后端发送请求时选择同步还是异步的问题，给出如下判断：

1. 看发送请求后是不是不管各类条件是否满足，只要发送了请求，就一定会跳转到其它页面，那么就用同步请求；

2. 如果发送请求后需要验证条件是否满足，不满足还是在原来页面，并给出一些提示信息的，用异步请求；

3. 不需要跳转页面的，用异步请求；

同步的发送方式：

  • form表单提交
  • a标签的超链接：<a href="跳转地址"/>
  • window.location.href="跳转地址"

异步请求发送方式：Ajax

吾自敛之
关注
专栏目录
ajax 同步请求和异步请求的差异分析
09-05
而同步请求虽然简单明了，但可能导致用户界面长时间无响应，用户体验较差，因此在大多数情况下，异步请求是更推荐的选择。 在实际开发中，通常我们会使用异步请求，并在`onreadystatechange`事件中定义回调函数，以...
vue-router与location.href的用法区别
热门推荐
qq_43258500的博客
05-25 2万+
vue-router与location.href的用法区别 ①vue-router使用pushState进行路由更新，静态跳转，页面不会重新加载；location.href会触发浏览器，页面重新加载一次 ②vue-router使用diff算法，实现按需加载，减少dom操作 ③vue-router是路由跳转或同一个页面跳转；location.href是不同页面间跳转； ④vue-router是异步加载this.$nextTick(()=>{获取url})；location.href是同步加载 其他用法
前端开发同步和异步的区别？
weixin_43550562的博客
09-26 714
在前端开发中 同步： 一般指的是在代码运行的过程中，从上到下逐步运行代码，每一部分代码运行完成之后，下面的代码才能开始运行 异步： 指的是当我们需要一些代码在执行的时候不会影响其他代码的执行，也就是在执行代码的同时，可以进行其他的代码的执行，不用等待代码执行完成之后才执行之后的代码，就像我们人一样，可以一边看电视剧一边吃东西一样，互不干扰，这种方式就是异步。 而在前端开发中常见的异步一般常见的包括：setTimeout，setInterval，ajax。 setTimeout是定时延时运行函数，只
api接口是异步方式好还是同步方式好
weixin_35751412的博客
01-12 378
异步方式更好。因为异步方式可以在不阻塞当前线程的情况下等待接口响应，这样可以提高程序的效率和用户体验。而同步方式会阻塞当前线程，直到接口响应返回。 ...
前端学习-同步异步问题
weixin_46246000的博客
07-17 3542
帮助了解同步异步，解决ajax、axios中的异步问题
同步请求和异步请求的区别（个人理解）
liangweihao的博客
12-11 8980
同步请求和异步请求的区别（个人理解）
浅谈js的ajax的异步和同步请求的问题
10-21
在讲解JavaScript中的Ajax技术时，经常会遇到异步和同步请求的问题。本文旨在深入探讨这一问题，并通过实例代码说明在Ajax调用中如何控制这两种请求方式。 Ajax（Asynchronous JavaScript and XML）是一种在无需...
详解XMLHttpRequest（一）同步请求和异步请求
11-22
你只需要简单的创建一个请求对象实例，打开一个URL，然后发送这个请求。...  通过XMLHttpRequest生成的请求可以有两种方式来获取数据，异步模式或同步模式。... 主线程中的同步请求会阻塞页面，由于对
异步请求和同步请求1
08-04
总结来说，同步请求和异步请求是Web开发中两种基本的通信模型，它们各有优缺点。同步请求简单直接，但可能导致用户界面的冻结；而异步请求则提供了更好的用户体验，但增加了开发的复杂性和调试的难度。选择哪种模型...
window.location.href()/replace()/reload() -- 页面跳转+替换+刷新
m0_58293192的博客
12-01 1万+
window.location.href()/replace()/reload() -- 页面跳转+替换+刷新
页面跳转前等待异步操作完成再进行跳转
最新发布
weixin_47806733的博客
09-25 235
在这个示例中，performAsyncOperation 函数模拟了一个异步操作，在操作完成后调用传入的回调函数。waitForAsyncOperationAndRedirect 函数将页面跳转的逻辑放在回调函数中，确保异步操作完成后再执行跳转操作。无论是使用 await 还是回调函数或 Promise，关键是在进行页面跳转之前，确保异步操作已经完成。这样可以避免在异步操作尚未完成时进行页面跳转导致的问题。
window.location.reload(true)的异步现象
weixin_30869099的博客
09-08 843
https://ask.csdn.net/questions/695758?sort=votes_count setInterval(function(){alert("Hello")},0); 这是唯一一句异步的代码，在定时器到时间的时候执行。别的都是顺序执行 window.location.href="www.baidu.com"; 这个其实是在console.log("####...
Vue 页面带参异步请求跳转
weixin_44484592的博客
04-13 648
Vue 页面带参异步请求跳转 文章部分参考自：vue组件独享守卫钩子函数参数详解（beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave） 情景：在下拉框中实现异步跳转 两个子路由 三个复用 四个按钮 1.两个页面实现带参异步请求跳转 1.1 beforeRouteEnter beforeRouteEnter(to, from, next) { // // 不同页面跳转 实现页面异步请求数据 next(vm => { //
浅谈同步和异步请求的区别
小橘的博客
08-30 620
利于我们对流程的控制，避免了很多不可掌控的情况。会占用更多的资源，也不利于我们对流程的控制。
$.ajax window.location.href 问题
Life is Cool。。。
06-16 547
在工作中遇到通过$.ajax异步请求后天处理后返回页面，然后直接跳转到一个静态页面，使用window.location.href ，请求始终不能被执行，问题是 async为 false时，即异步，window.location.href 失效。解决方法是：document.forms[0].action = “.../xx.jsp"; document.forms[0].submit();该方法...
ExtJs中Ajax.request异步处理后,跳转至其他页面的超链接
x1043556915的博客
11-04 385
ExtJs中Ajax.request异步处理后,跳转至其他页面的超链接
this.href==window.location.href设置导航条高亮（同步分页不高亮问题）
Ling695343425的博客
07-29 1267
给导航条设置高亮显示，但是在含有同步分页时，会碰到无法高亮问题 导航条高亮显示用 if ($($(this))[0].href == String(window.location)) {} 或者  if(this.href==window.location.href){} （在方法体内加入样式切换）这两种方式都可以做到 若想同步分页，点击下一页时，同样高亮显示则去比对两个URL相同部
Ajax异步请求下载文件，window.location.href 存在一次点击下载两个相同文件的问题
weixin_43889710的博客
07-30 1909
Ajax异步请求下载文件 背景： 页面点击“下载”按钮 下载图片 window.location.href= ‘url’ 存在一次点击下载两个相同图片的问题(本次就死在这~~~~) 后端将图片已处理为流 废话不多说，看代码 前端JS window.downloadImage=function(date){ //window.location.href='./model/download?url='+date; 这样的方式 不行~ layer.loa
异步请求和同步请求的区别
03-23
异步请求和同步请求的区别在于它们的执行方式。同步请求会阻塞程序的执行，直到请求完成并返回结果，而异步请求则不会阻塞程序的执行，它会在后台执行请求，并在请求完成后通知程序。这意味着在使用异步请求时，程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值