xhr如何发起请求

首先引入 axios，项目比较小没必要使用脚手架，所以使用 cdn 的方式引入 axios

发起请求

var data = {
	subscribeEmail: 'userEmail',
    subscriber: 'userName'
}
var url = "请求地址";
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);   // 请求方式，请求地址，true 表示异步
xhr.setRequestHeader("Content-type", "application/json");
xhr.send(JSON.stringify(data));  // 改了这里
xhr.onreadystatechange = function () {if (xhr.readyState == 4 && xhr.status == 200) {console.log(JSON.parse(xhr.responseText));// 输入相应的内容
    }
}

可以精简为一下代码

// 执行 Post 请求
axios({
        url: '请求地址',
        method: 'post',
        data:{}}).then(function (response) {console.log(response.data.data)		
    }).catch(function (err) {console.log(err)
    });

// 执行 get 请求
axios({
        url:'请求地址？id=123'
        method:'get'
    }).then(function(response) {console.log(response.data.data)
    }).catch(function (err) {console.log(err)
    });

axios({
        url:'请求地址',
        method:'get',
        params: {ID: 123}
    }).then(response=> {console.log(response) 
    }) .catch(error=> {console.log(error)
    });