Ajax异步请求原理

一、Ajax能做什么

异步请求、局部刷新

二、同步请求

JavaScript的特点是单线程，也正是因为单线程造成了同步请求

1. 为什么JS是单线程:

JS 作为游览器脚本语言，主要用途是和用户交互、操作 DOM，如果使用多线程，会造成复杂的同步问题，如两个线程同时操作一个 DOM 节点，一个线程在这个节点上添加内容，另一个线程删除了这个节点，应该以哪个线程为准呢？

为了避免复杂性，所以 JS 采用了单线程模式，即使 HTML5 的新标准里面，允许 JS 创建多个线程，子线程也必须受主线程控制，并且不允许操作DOM。

2. 请求流程

客户端直接请求服务端,必须等待服务端响应以后才可执行后续操作

三、异步请求

1. Ajax工作原理

客户端的请求被交给了 Ajax 的代理处理, 由 Ajax 向服务器发送请求, 得到响应结果以后再通过回调函数通知客户端, 这样就使得游览器不再需要等待服务器响应。

2. XMLHttpRequest

XMLHttpRequest一开始只是微软浏览器提供的一个接口，后来各大浏览器纷纷效仿也提供了这个接口，再后来W3C对它进行了标准化，提出了XMLHttpRequest标准。

XMLHttpRequest 对象是AJAX 的核心，也是 Ajax 能实现异步请求的关键：
(1) XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 以及 GET 请求的能力。
(2) XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容。