js-ajax

为什么要使用ajax

1）更自然、流畅的用户体验，对用户的操作及时响应

2）在不中断用户操作的情况下与web服务器进行通信

3）更灵敏的相应用户访问，实现近似与桌面应用程序的交互效果

4）通过局部更新新页面降低网络质量，提高网络的使用效率

1、什么叫异步？

同时执行，也叫并发

2、什么叫同步？

按步骤顺序执行

XMLHttpRequest对象

AJAX的核心对象是XMLHttpRequest，即AJAX的异步操作和服务器交互主要依赖对象。XMLHttpRequest对象提供了对HTTP协议的完全的访问，包括做出POST和HEAD请求以及普通的GET请求的能力。

// 创建XMLHttpRequest对象
var request = new XMLHttpRequest();
// 设置请求参数
request.open('get', 'http://10.0.152.17/AJAX/ajaxtest', true)
// 注：true(异步) false(同步)
// 设置回调函数
request.onreadystatechange = function () {
  if (request.readyState == 4) {
    alert(request.responseText)
  }
}
// 发送请求
request.send()
// 接收响应
var data = request.responseText // 或者request.responseXML
console.log(data)