AJAX

1、概念

AJAX：异步的JavaScript和XML

2、AJAX作用：

（1）与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据。

       使用了AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面了。这种方式就能够实现前后端分离，如下图所示。

 

 

（2）异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用校验，等等......

同步和异步的区别如下图所示：

 

 

3、AJAX的使用

 

 上面的这些代码模板可以在W3school的AJAX板块能够找到，其他的根据自己的需要修改即可。

注意：向服务器发送请求中的参数url要写全路径，因为在实际开发中前后端分离后两者不在同一个服务器上，因此不能写相对路径，要写全路径。

 

4、案例：使用AJAX验证用户名是否存在

具体流程如下图所示：