Ajax的步骤

Ajax:Asynchronous Javascript And XML（异步JavaScript和XML）

Ajax常用于局部刷新页面内容,即不刷新页面的情况下去请求数据,然后局部刷新在页面上

Ajax的五个步骤：

1.创建XML实例对象

			const xhr = new XMLHttpRequest()

2.配置请求的方式，地址

			xhr.open(method,URL,async)
			method:GET|POST =>String
			URL:请求的路径(后端接口)
			async:同步|异步  =>Boolean false同步方式,默认为true

3.发送请求

			xhr.send(query);
			query:表示传递的参数，一般用在POST的请求中,常用于传递一个放了数据的对象

4.监听Ajax的请求状态

		xhr.onreadystatechange = function(){}
		//监听与服务器连接状态的改变

5.执行自己的业务

		//1.创建一个XMLHttpRequest对象
		const xhr = new XMLHttpRequest();
		//2.配置请求的方式,路径,是否异步
		xhr.open(method,URL,async);	
		//3.发送请求
		xhr.send();
		//4.监听Ajax的请求状态
		xhr.onreadystatechange = function(){
			if(xhr.readyState == 4){
			//0: 请求未初始化  1: 服务器连接已建立 2: 请求已接收
			//3: 请求处理中 4: 请求已完成，且响应已就绪
		//5.执行业务
		if(xhr.status == 200 ){
			//status:状态码，代表服务器返回的内容是否正常
			//1xx:以1开头的状态码表示接受的请求正在处理
			//2xx:以2开头的状态码表示请求正常处理完毕
			//3xx:以3开头的状态码表示要完成请求需要额外的附加操作
			//4xx:以4开头的状态码表示服务器无法处理请求,输入的内容地址可能错误
			//5xx:以5开头的状态码表示访问的服务器错误
			
			// xhr.responseText 代表返回的内容
			//这里是执行的业务
			};
		};
		};