同步和异步的概念

  • 同步:必须等待前面的任务完成,才能继续后面的任务。

    1. 就是客户端向服务器发送请求的过程中,用户不可以进行其他操作<br />
  • 异步:不受当前任务的影响。

    1. 就是客户端向服务器发送请求的过程中,用户可以进行其他操作

拿排队举例:

  • 同步:在银行排队时,只有等到你了,才能够去处理业务。
  • 异步:在排队的时候,可以玩手机。

异步更新网站

我们在访问一个普通的网站时,当浏览器加载完HTML、CSS、JS以后,网站的内容就固定了。如果想让网站内容发生更改,就必须刷新页面才能够看到更新的内容。
可如果用到异步更新,情况就大为改观了。比如,我们在访问新浪微博时,看到一大半了,点击底部的加载更多,会自动帮我们加载更多的微博,同时页面并没有刷新。
试想一下,如果没有异步刷新的话,每次点击“加载更多”,网页都要刷新,体验就太不好了。
web前端里的异步更新,就要用到 Ajax。

原生JS实现异步

  1. <script>
  2. /*
  3. 同步 就是客户端向服务器发送请求的过程中,用户不可以进行其他操作
  4. 异步 就是客户端向服务器发送请求的过程中,用户可以进行其他操作
  5. */
  6. /* 1. */
  7. /* 2 */
  8. /* 3. */
  9. console.log("1")
  10. setTimeout(function(){
  11. console.log("http")
  12. },1000)
  13. console.log("2")
  14. </script>

test.gif