Ajax（一）：简介、原理

Ajax（一）：简介、原理

一、简介

Ajax：异步的javascript和xml
Ajax 的核心是XMLHttpRequest对象，该对象为向服务器发送请求和解析服务器响应提供了流畅的接口。能够以异步方式从服务器取得更多信息，用户不需要刷新页面也能取得数据。

同步和异步的区别：
同步： 发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。
客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待 卡死状态
异步： 发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式。
客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随 意做其他事情，不会被卡死

二、原理

1. 页面发起请求
2. 将请求发送给浏览器内核中的Ajax引擎
3. Ajax引擎会提交请求到 服务器端
4. 在这段时间里…
   客户端可以任意进行任意操作，直到服务器端将数据返回 给Ajax引擎后
5. 会触发你设置的事件，
6. 进而执行自定义的js逻辑代码完成某种页面1 功能。

三、js原生的Ajax技术

js原生的Ajax其实就是围绕浏览器内内置的Ajax引擎对象进行学习的，要使用*js原生的Ajax*完成异步操作，有如下几个步骤：
1）创建Ajax引擎对象
2）为Ajax引擎对象绑定监听（监听服务器已将数据响应给引擎）
3）绑定提交地址

xmlhttp.open("GET","${pageContext.request.contextPath}/ajax",true);

4）发送请求

xmlhttp.send(null);

5）接受响应数据

注意：
如果是post提交，在发送请求之前设置一个头

xmlhttp.setRequestHeader(“Content-type”,”application/x-www-form-urlencoded”);