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)

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web编程技术分享

第九节 - 部门管理模块(模糊查询)

34310
来自专栏jouypub

HTTP和RPC的优缺点

在HTTP和RPC的选择上,可能有些人是迷惑的,主要是因为,有些RPC框架配置复杂,如果走HTTP也能完成同样的功能,那么为什么要选择RPC,而不是更容易上手的...

2173
来自专栏BY的专栏

忽略Xcode8.0中的注释警告⚠️

33810
来自专栏菩提树下的杨过

Asp.Net4.0/VS2010新变化(5):可扩展的(分布式)缓存

.net3.0/3.5时代,asp.net的outPut缓存默认只能存放于内存中,但是内存资源是有限的,这就导致了缓存的无法扩展。 而asp.net4.0中允...

1795
来自专栏H2Cloud

ffrpc相关文章列表

ffrpc 是异步c++通信库。可以说是传统rpc模式和zeromq模式的一个结合,采用broker模式封装client和server之间的拓扑关系,而clie...

2634
来自专栏web前端教室

vue的火热不是没有道理的,确实容易上手 &&电商作业检查 -- 王x

今天给同学们讲解了vue.js的相关入门知识,主要集中在模板语法、条件、循环、计算、样式还有事件处理等相关知识,以及它的双向绑定。 用的时候没什么感觉,但在讲的...

1975
来自专栏微信小开发

Python+Tornado开发微信公众号(二)

四. IOLoop定时获取access_token和jsapi_ticket ? ? 3.Redis数据库 如果有对Redis不了解的同学,可参考Redis快速...

19210
来自专栏静默虚空的博客

细说Java主流日志工具库

概述 在项目开发中,为了跟踪代码的运行情况,常常要使用日志来记录信息。 在Java世界,有很多的日志工具库来实现日志功能,避免了我们重复造轮子。 我们先来逐一了...

2768
来自专栏张善友的专栏

Windows Live Writer工具

        Windows Live Writer是一款所见即所得的"博客"编辑器,它不仅仅是Live Spaces的好帮手,对其他流行的博客程序有着良好的...

1728
来自专栏还债之路

​HTTP连接

HTTP协议即超文本传送协议(Hypertext Transfer Protocol ),是Web联网的基础,也是手机联网常用的协议之一,HTTP协议是建立在T...

693

扫码关注云+社区