1.AJAX概述

1.1 AJAX简介

Ajax：Asynchronous JavaScript + XML（异步JavaScript和XML）是一种异步请求数据的web开发技术。对于改善用户体验和页面性能很有帮助。ajax可以实现在无刷新的情况下，通过异步向后端请求数据。

常见的运用场景有，表单验证是否登入成功，百度搜索框下拉框的提示、快递单号的查询等。

1.2 XML简介

可扩展标记语言（XML）是由 W3C 指定的一种通用标记语言。

XML 标签类似 HTML 标签，但由于 XML 允许用户定义他们自己的标签，所以 XML 更加灵活.

像HTML一样，XML为一些特别预留的符号定义了一些方法，称为实体（entities），（例如用于标记的大于号）。下面是五个你必须知道的符号：

1.3AJAX的特点

1.3.1 AJAX 的优点

可以无需刷新页面而与服务器端进行通信。
允许你根据用户事件来更新部分页面内容。

1.3.2 AJAX 的缺点

没有浏览历史，不能回退。
存在跨域问题(同源)。
SEO 不友好。

2.AJAX使用

2.1创建AJAX核心对象

var xhr = new XMLHttpRequest();//创建一个 XMLHttpRequest 对象

2.2设置请求信息

// 请求方式
xhr.open(method, url);
//post请求一定要设置请求头的格式内容
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

2.3发送请求

xhr.send()

2.4服务器响应处理

//xhr.responseXML 接收 xml格式 的响应数据
//xhr.responseText 接收 文本格式 的响应数据
xhr.onreadystatechange = function (){
	// readyState 是 xhr对象中的属性, 表示状态 0 1 2 3 4
	if(xhr.readyState == 4 ){
         if(xhr.status>=200&&xhr.status<300){
         var text = xhr.responseText;
		console.log(text);
        }
		
	}
}

参考：尚硅谷视频视频笔试

AJAX相关知识点