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

相关文章

来自专栏流柯技术学院

Win Server 2003 10条小技巧

微软推出Windows Server 2003已经有一段时间了,但是,由于它是一个面向企业用户的服务器操作系统,所以,没有引起更多个人用户的注意。实际上,简单地...

1502
来自专栏子勰随笔

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

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

msysGit管理GitHub代码

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

2058
来自专栏xcywt

记录我学github的路程(三)

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

1949
来自专栏PHP在线

3种web会话管理的方式

http是无状态的,一次请求结束,连接断开,下次服务器再收到请求,它就不知道这个请求是哪个用户发过来的。当然它知道是哪个客户端地址发过来的,但是对于我们的应用来...

1403
来自专栏知晓程序

开发 | 网络接口全攻略!这些技巧,让你的小程序永不「失联」

微信为小程序提供了 4 个接口,供小程序访问网络。如果你刚开始接触小程序开发,也许会对小程序网络访问产生不少的疑问。

994
来自专栏较真的前端

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

1605
来自专栏JetpropelledSnake

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

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

3286
来自专栏bboysoul

vmware player 在ubuntu上的安装

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

641
来自专栏从零开始学自动化测试

Selenium2+python自动化1-最新环境搭建

前言 目前selenium版本已经升级到3.0了,网上的大部分教程是基于2.0写的,所以在学习前先要弄清楚版本号,这点非常重要。本系列依然以selenium2为...

2905

扫码关注云+社区