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 条评论
登录 后参与评论

相关文章

来自专栏bboysoul

vmware player 在ubuntu上的安装

虚拟化的老大除了vmware还有谁? 最近想学习服务器虚拟化,但是就是因为,钱,买不起服务器,只能在自己的4g内存的电脑上使用虚拟机了,因为是要安装esxi所...

681
来自专栏子勰随笔

iMac(OS X)不可或缺的套件管理器 —— Homebrew

1615
来自专栏运维小白

githubPages+hexo搭建博客,第一天

背景: 一直想搭建帅气、高端的个人博客,然后在上次某些原因,就放弃搭建博客,因为再次见识到大神的博客,果断再次心动了 ---- 第一步 github pages...

2719
来自专栏JetpropelledSnake

MySQL学习之Can't connect to MySQL server on localhost (10061)

最近升级 了系统,开机后连接MySQL报错,Can't connect to MySQL server on localhost (10061); 估计是升级系...

3526
来自专栏xingoo, 一个梦想做发明家的程序员

msysGit管理GitHub代码

代码的管理,在日常开发中是很重要的环节,程序员的修炼三部曲——版本控制,单元测试,项目自动化。 本篇就简单的说说通过msysGit来管理GitHub中的代码...

2168
来自专栏较真的前端

不可忽视的前端安全问题——XSS攻击

1705
来自专栏工科狗和生物喵

《实时控制软件》Git相关操作从注册到Push全教程

此处,我们可以开始建立一个很方便的本地和远程的联系的仓库。 如果你是你是直接clone的老师的库。那么可以准备删除这个本地仓库(不是文件,是git的本地仓库,好...

2936
来自专栏Youngxj

emlog文章列表页设置new和热门小图标教程

1733
来自专栏小白课代表

PanDownload 1.5.4 回归!享受飞一样的下载体验!!!

2422
来自专栏xcywt

记录我学github的路程(三)

2015-12-22 更新 一、Bug分支 1,假设如下场景,你正在dev分支工作,突然接到一个修复代号为101的bug的任务时,dev的东西还没不能提交,但是...

1989

扫码关注云+社区