详解Ajax请求——同/异步请求原理的分析

一、同步请求
使用同步请求，服务器将响应的数据直接输送给浏览器的内存，导致覆盖浏览器内存中原有的数据，浏览器接收到响应的数据后只能展示服务器端返回的数据，无法展示发送请求之前在浏览器中添加的数据。

当你使用同步请求与服务器进行数据交互的时候，浏览器是直接面对服务器的，也就是在服务器处理请求的过程中浏览器处于等待，卡死的状态，你无法在页面上进行其他的操作。而且当页面信息量较大时，你使用同步请求与服务器进行数据交互，又要回显页面上众多的数据时，你的后台代码将会写的很麻烦既要处理数据的回显又要处理请求，增加服务器的压力。当然同步请求也有他的优点，当你页面上需要与服务器的数据交互的操作较少时或者需要回显的数据较少时，推荐使用同步，因为它是直接与服务器进行数据交互的。仁者见仁智者见智，具体问题具体分析，要根据你的使用场景进行选择。
二、异步请求
当浏览器向服务器发送同步请求时，服务处理同步请求的过程中，浏览器会处于等待的状态，服务器处理完请求把数据响应给浏览器并覆盖浏览器内存中原有的数据，浏览器重新加载页面并展示服务器响应的数据。

那么，有没有一种技术，可以让浏览器发送请求给服务器，服务器处理请求的过程中，浏览器不处于等待的状态，并且浏览器接收响应数据的同时不再重新加载整个页面，既请求发送之前的数据不丢失，又能实现页面的局部刷新呢？那就要用到ajax请求——异步请求模型，那么异步请求的原理是什么呢？

我们知道，在同步请求模型中，浏览器是直接向服务器发送请求，并直接接收、处理服务器响应的数据的。这就导致了浏览器发送完一个请求后，就只能干等着服务器那边处理请求，响应请求，在这期间其它事情都做不了。这就像是你到了一个新城市去找房子住，你可以自己去找，在网站上或者是街头小广告上去了解房源信息，找合适自己的那一个，然后去跟房东谈价钱。在这期间你的精力和时间大部分都用到了找房子上，你可能没时间再去找工作或者做其他的事情了。还有一种方式是你找一个租房中介，找你一个代理人，把你的需求告诉他让他来帮你找，在中介给你找房子的同时你还可以去找工作或者做其他的事情。

异步请求正是基于以上所述的模式，浏览器把请求交给代理对象—XMLHttpRequest（绝大多数浏览器都内置了这个对象），由代理对象向服务器发起请求，接收、解析服务器响应的数据，并把数据更新到浏览器指定的控件上。从而实现了页面数据的局部刷新。异步请求使浏览器不用等待服务器处理请求，不用重新加载整个页面来展示服务器响应的数据，在异步请求发送的过程中浏览器还能进行其它的操作。我们来看一下异步请求的执行流程图：
　　
　　异步请求发送后，原来页面上的的数据没有消失，说明页面没有重新加载只是局部刷新了。（顺便提一句，这里没有中文乱码的问题，一是姓名参数没有与服务器进行交互，而来更加说明，页面没有重新加载）