AJAX异步请求

1.什么是AJAX的异步请求：

我们知道，在同步请求模型中，浏览器是直接向服务器发送请求，并直接接收、处理服务器响应的数据的。这就导致了浏览器发送完一个请求后，就只能干等着服务器那边处理请求，响应请求，在这期间其它事情都做不了。但是异步请求就可以省略浏览器不会出现干等着的状态

2.异步请求的原理：

异步请求正是基于以上所述的模式，浏览器把请求交给代理对象—XMLHttpRequest（绝大多数浏览器都内置了这个对象），由代理对象向服务器发起请求，接收、解析服务器响应的数据，并把数据更新到浏览器指定的控件上。从而实现了页面数据的局部刷新。异步请求使浏览器不用等待服务器处理请求，不用重新加载整个页面来展示服务器响应的数据，在异步请求发送的过程中浏览器还能进行其它的操作。

3.基于jQuery的AJAX访问，可以调用jQuery中的$.ajax()函数，该函数的参数是一个JSON对象，需要至少为该JSON对象配置5个属性：

url、type、data、dataType success

//加载数据钮事件

<script type="text/javascript">
   $("#btn-reg").click(function() {  //按钮点击事件
      $.ajax({
         url: "/users/reg",  //请求地址
         type: "POST",       //请求方式
         data: $("#form-reg").serialize(),  //请求的数据   表单
         dataType: "json",   //数据类型
         success: function(json) {      //请求服务器成功返回值
            if (json.state == null) {
               alert("注册成功！");
               // location.href = "login.html";  //成功返回
            } else { 
               alert("注册失败！" + json.message);  //失败返回
            }
         }
      });
   });