Angular4根据url地址读取到文件中的内容

有时候我们需要读取到一个文件中的内容并使用一个对象存储起来，等到需要使用的时候再使用，那么我们如何根据文件的url地址手动解析它呢？在网上找了多种方案尝试了一下都不尽人意，最后我使用如下的代码解决这个问题：

var request = new XMLHttpRequest();
//通过url获取文件，第二个选项是文件所在的具体地址
request.open('GET', 'https://xxx.xxx', true);
request.send(null);
request.onreadystatechange = ()=> {
if (request.readyState === 4 && request.status === 200) {
var type = request.getResponseHeader('Content-Type');
if (type.indexOf("text") !== 1) {
//返回一个文件内容的对象
return request.responseText;
}
}
}

这段代码我是写在构造函数里，一旦组件一加载成功，这段代码就执行，你就可以在整个组件中使用这个对象进行你想要的操作，比如将这个对象上传到服务器上等等。