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

Posted 码匠与HTML5学堂

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AJAX中的同步加载与异步加载相关的知识,希望对你有一定的参考价值。

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


什么是AJAX

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


同步加载

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


异步加载

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


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

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

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

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

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

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

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

欢迎沟通交流~


投稿或建议联系小编 QQ:3042966101

长按二维码

以上是关于AJAX中的同步加载与异步加载的主要内容,如果未能解决你的问题,请参考以下文章

ajax的同步与异步

ajax同步异步问题

同步加载和异步加载的原生态实现

jquery的ajax同步和异步

dva 如何把同步改为异步请求

jquery的同步和异步