【javaScript】Ajax封装之原生js的xmlHttpRequest的封装，支持传入成功失败的回调方法，也支持使用promise的then和catch。支持get和post请求

方法封装

/**
* 描述: ajax请求封装
* @param {String} url 请求地址
* @param {String} method 请求方式
* @param {Object} params get请求的参数
* @param {Object} data post请求的参数
* @param {Function} success 成功的回调
* @param {Function} error 失败的回调
*/
const request = ({
    url = '', method = 'get', params = {
   }, data = {
   }, success, error }) => {
   
	return new Promise((resolve, reject) => {
   
		// 创建ajax
		let xhr
		if (window.XMLHttpRequest) xhr = new XMLHttpRequest()	//判断XMLHttpRequest是否存在
		else xhr = new ActiveXObject('MicroSoft.XMLHTTP')	//兼容老版本ie

		// 监听请求完成
		xhr.onreadystatechange = function () {
   
			// 固定写法 readyState 表示 ajax的状态 
			//ajax的状态总共有（0 1 2 3 4 ）五种状态 状态为4表示请求完成 status === 200表示成功
			if (xhr.readyState == 4) {
    //请求完成
				if(xhr.status === 200) {
   	//http请求状态为200 成功
					let res = xhr.responseText;  //接收响应结果 结果是JSON字符串
					// 转化为对象 传给成功的回调
					success && success