同步和异步的概念
同步:必须等待前面的任务完成,才能继续后面的任务。
就是客户端向服务器发送请求的过程中,用户不可以进行其他操作<br />
异步:不受当前任务的影响。
就是客户端向服务器发送请求的过程中,用户可以进行其他操作
拿排队举例:
- 同步:在银行排队时,只有等到你了,才能够去处理业务。
- 异步:在排队的时候,可以玩手机。
异步更新网站
我们在访问一个普通的网站时,当浏览器加载完HTML、CSS、JS
以后,网站的内容就固定了。如果想让网站内容发生更改,就必须刷新页面才能够看到更新的内容。
可如果用到异步更新,情况就大为改观了。比如,我们在访问新浪微博时,看到一大半了,点击底部的加载更多,会自动帮我们加载更多的微博,同时页面并没有刷新。
试想一下,如果没有异步刷新的话,每次点击“加载更多”,网页都要刷新,体验就太不好了。
web前端里的异步更新,就要用到 Ajax。
原生JS实现异步
<script>
/*
同步 就是客户端向服务器发送请求的过程中,用户不可以进行其他操作
异步 就是客户端向服务器发送请求的过程中,用户可以进行其他操作
*/
/* 1. */
/* 2 */
/* 3. */
console.log("1")
setTimeout(function(){
console.log("http")
},1000)
console.log("2")
</script>