Ajax三:同步和异步的区别

本文详细介绍了Ajax同步和异步的区别,并通过实例代码展示了同步和异步请求的执行流程。在同步模式下,程序会等待请求完成后再执行后续代码,导致页面呈现空白;而异步模式下,程序不会阻塞,允许同时进行其他操作,通过onreadystatechange事件监听响应。了解这两者的差异对于优化网页加载和交互体验至关重要。
摘要由CSDN通过智能技术生成

本篇博客,先讲述同步和异步的区别,然后分别演示了同步和异步的基本范例程序;在这个过程中可以体味同步和异步的区别,以便按需选用;;;具体同步和异步的深入理解,需要在实际应用中逐渐深化!

平常在浏览网页的时候,当打开一个新的网页时,经常遇到整个网页的基本架构(如页眉、页脚、网页顶部描述性文字、网页底部描述性文字等)已经加载出来了,但网页中间某些数据、图片等核心区块需要等一段时间后才会出来,这其中就大概率使用到了ajax异步处理的方式;(maybe);

目录

零:ajax同步和异步的简述

一:示例1:如果设置成false同步时:

二:示例2:设置成true异步时:(核心部分)


零:ajax同步和异步的简述

在ajax的第二步,发送ajax请求的时候,第三个参数,true:异步;false:同步; 

// 2.发送Ajax请求
		xmlhttp.open("GET","/ajax/news_list",true);
		xmlhttp.send();

什么是异步,什么是同步?

分析:xmlhttp.send();在发送请求的过程中是需要时间的,网络传输将请求发送到服务器,服务器处理再返回响应的过程肯定是需要一些时间的;

true异步:在上面发送的过程中,程序的其他部分继续向下执行;

false同步:在上面发送的过程中,程序的其他部分不继续向下执行,而是等到响应成功后再继续执行;

……………………………………………………

一:示例1:如果设置成false同步时:

在实际中,后台服务器响应需要一定的时间,为了使效果明显,方便肉眼观察,模拟后台实际消耗的时间,这儿休眠5秒钟:

效果:发现,等后台响应后,控制台输出了预设内容;但是,在浏览器界面没有显示出响应的结果,而是显示了一个白板;

so,一:为什么程序处于一直等待的状态;等待了差不多5秒后,才执行console.log("请求发送完成");?࿱

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值