封装XHR

// 1.把参数进行处理
//    1.1 拼接为特定格式字符串！
//    1.2 需要对字符串处理  encodeURI();
let str="name=张三&age=18";
str = encodeURI(str);
console.log(str);  // 没有%？只能中文!传输数据编码格式 urlencoded 只支持ASCII;

// 2.xhr实例化
let xhr = new XMLHttpRequest();

// 3.设置方式，url
//   3.1 get
xhr.open("get","url地址?"+str);
xhr.send(null);

//   3.2 post
xhr.open("post","url地址");
xhr.setRequestHeader("Content-type","x-www-form-urlencoded");
xhr.send(str);

// 4.注册请求状态（反应请求响应进度）变化事件
xhr.onreadystatechange = function(){
    if(xhr.readyState==4 && xhr.status==200) {
        xhr.responseText;  // JSON格式的字符串
    }
}