html5 ajax提交自动刷新,AJAX | 同步加载、全局刷新与异步加载、局部刷新

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学堂