封装Ajax与跨域

一、为什么要封装Ajax

    （1）原生的方式过于繁琐，并且大量重复代码。

var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject(""); // 异步对象声明
xhr.onreadystatechange = function(){ // 事件监听
    if(xhr.readyState == 4){ // 前台发送成功
        if(xhr.status == 200){ // 后台发送成功
            console.log(JSON.parse(xhr.responseText));
        }else{
            console.log(xhr.statusText);
        }
    }
}
xhr.open("请求类型get | post", "请求地址url", 是否异步:true | false);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(如果是post请求，则这里写formData);

    （2）jQuery的方式虽然方便，但必须引入jQuery框架，而框架中不是所有内容都能用到，这就造成了大量无用代码的堆积，占用资源。

<script src="xxx/jquery1.12.4.min.js"></script>
<s