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

相关文章

来自专栏晓晨的专栏

IdentityServer Topics(3)- 定义客户端

1043
来自专栏Java Edge

HTTP 状态码1 状态码告知从服务器端返回的请求结果2 2XX 成功3 3XX 重定向4 4XX 客户端错误5 5XX 服务器错误

2746
来自专栏smy

session详解

一. cookie和session 1. 由于HTTP协议是无状态的协议,所以服务端需要记录用户的状态时,就需要用某种机制来识具体的用户,这个机制就是Sessi...

2748
来自专栏Java学习网

http错误码对照表

http错误码对照表 2xx 成功 200 正常;请求已完成。 201 正常;紧接 POST 命令。 202 正常;已接受用于处理,但处理尚未完成。...

1807
来自专栏Linyb极客之路

网络编程之HTTP缓存相关头

本文说的是HTTP中控制客户端缓存的头有哪些。网上这方面的文章很多了,这里就说下个人的理解。

942
来自专栏H2Cloud

ffrpc的php客户端lib

摘要: ffrpc 是c++异步通讯库,使用ffrpc可以非常容易的构建服务器程序。为了使用方便,ffrpc提供了python、php的客户端lib,这样使用p...

2608
来自专栏Thinks

Service Worker最佳实践

Service Worker是一项比较新的Web技术,是Chromium团队在吸收了ChromePackaged App的Event Page机制,同时吸取了H...

2401
来自专栏java思维导图

从输入URL到页面展示到底发生了什么

地址:http://www.cnblogs.com/xianyulaodi/ 作者:咸鱼老弟

953
来自专栏Python中文社区

使用python实现RESTful API服务器端的思路

最近这些年,REST已经成为web services和APIs的标准架构,很多APP的架构基本上是使用RESTful的形式了。 REST的六个特性 Client...

2868
来自专栏Linyb极客之路

Web缓存教程

 这是一篇针对网站站长、Web开发者与运营维护人员有关缓存Cache的教程。Web缓存是指存在多个Web服务器和客户端之间的缓存,将对请求的响应保存复制拷贝,比...

801

扫描关注云+社区