专栏首页HTML5学堂AJAX中的同步加载与异步加载

AJAX中的同步加载与异步加载

HTML5学堂:在AJAX知识当中,有几个经典的辨析,“同步加载”与“异步加载”的区别;post与get的区别;XML与JSON的区别等。本文讲解的就是同步与异步的区别,可以通过图片更直观的理解两者在加载内容时的流程。在最后介绍了异步加载的优势。

什么是AJAX

AJAX是四个单词的简写,其中Asynchronous即异步的意思,异步的链接可以同时发起多个,并且不会阻止JS代码执行。与之对应的概念是同步,同步的链接在同一时刻只会有一个,并且会阻止后续JS代码的执行,JS必须等待同步链接加载完毕后才能继续执行。AJAX发展到现在,不但可以发起异步链接,也可以发起同步链接。只是异步相对同步用到的更多。最后一个词XML,实际上是一种常见的数据结构,他和HTML一样都是标记语言,但是它的标签名能够自定义。由于XML解析速度较慢,慢慢被新兴的JSON所取代。

同步加载

同步加载,每次刷新的是整个页面

异步加载

异步加载,每次只刷新需要更换部分的内容

异步加载优于同步加载的特点

1.浏览器可以从服务器同时请求多项内容;

2.浏览器请求返回的速度会快得多;

3.只有页面中真正改变的部分得到更新;

4.能够减少服务器数据流量;

5.用户可以在页面更新的同时继续工作;

6.有些改变无须与服务器往返通信就可以处理。

本文分享自微信公众号 - HTML5学堂(h5course-com),作者:HTML5学堂

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-01-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • iconfont字体图标库

    HTML5学堂小编的话:昨日发布的iconfont的内容有些不足,对于可能不太了解iconfont和特殊字体的学习者来说,可能会存在一定的理解问题,在此针对昨日...

    HTML5学堂
  • 一步步教你弹性框架-中篇

    HTML5学堂:本文继续为大家讲解弹性框架,在前一篇文章当中,我们实现了最基本的来回运动,在本文当中我们将基于前者,继续书写我们的代码。主要包括缓冲效果、有摩擦...

    HTML5学堂
  • 网络字体@font-face 如何处理网页中的特殊字体

    HTML5学堂:随着网页的发展,网页中出现了越来越多的字体种类,网页自带的微软雅黑、宋体、黑体已经越来越难以满足设计的需要,那么,如何在网站中使用比较特殊的字体...

    HTML5学堂
  • Python开发的十个Tips,你知道几个?

    下面是十个Python中很有用的贴士和技巧。其中一些是初学这门语言常常会犯的错误。

    磐创AI
  • 关于迭代与递归的补充

    大家有没有想我的Python呢?这几天挖粽子,挖到自闭,还好挖到一个,大家快去补天挖粽子吧!我知道这是废话。连Python都不会挖什么粽子。那不还赶快学起。这是...

    天钧
  • Python 3 那些非常规的技巧

    对新学习Python的小伙伴来说,既感受到了短代码的开心,也更愿意用到一些简短的Python写法,下面是我使用Python过程总收集的一些技巧,希望对你有所帮...

    小小科
  • Python开发的十个Tips,你知道几个?

    下面是十个Python中很有用的贴士和技巧。其中一些是初学这门语言常常会犯的错误。

    昱良
  • java接口调用——webservice就是一个RPC而已

      很多新手一听到接口就蒙逼,不知道接口是什么!其实接口就是RPC,通过远程访问别的程序提供的方法,然后获得该方法执行的接口,而不需要在本地执行该方法。就是本地...

    intsmaze-刘洋
  • 【BATJ面试必会】JAVA面试到底需要掌握什么?【下】

    非对称加密,对称加密 对称加密(Symmetric Cryptography),又称私钥加密

    乔戈里
  • Arp欺骗原理及Android环境下的检测方法

    测试环境说明 网关: IP:172.20.150.1 mac:24050FCE53 靶机(手机): IP:172.20.150.20 mac:000822...

    FB客服

扫码关注云+社区

领取腾讯云代金券