如何用class封装网络请求？

使用class封装网络请求是一种很好的方式，它可以提高代码的可维护性和重用性。有多种方法可以使用class封装网络请求，以下是其中的一些：

1.使用原生的XMLHttpRequest对象封装HTTP请求，这需要对JavaScript有很好的理解，但它可以提供许多自定义的选项，并手动处理响应

2.使用jQuery或其他类似的框架，这可以省去大量的手动处理响应的步骤，并提供更高级别的抽象

3.使用ES6中的fetchAPI，它提供了一种简单的方式来进行HTTP请求和响应处理，但不支持IE浏览器，需要使用Polyfill进行支持。

总体来说，class封装网络请求可以使代码更加清晰和易于维护。下面是一个简单的示例类来封装XMLHttpRequest

class Request {

constructor(options) {

this.url = options.url;

this.method = options.method || 'GET';

this.headers = options.headers || {};

this.body = options.body;

}

send() {

return new Promise((resolve, reject) => {

const xhr = new XMLHttpRequest();

xhr.open(this.method, this.url);

xhr.onload = () => {

if (xhr.status >= 200 && xhr.status < 300) {

resolve(xhr.responseText);

} else {

reject(xhr.statusText);

}

};

xhr.onerror = () => {

reject(xhr.statusText);

};

for (let header in this.headers) {

xhr.setRequestHeader(header, this.headers[header]);

}

xhr.send(this.body);

});

}

}

这个类使用XMLHttpRequest对象来发送HTTP请求，可以指定URL，HTTP方法，请求头和请求体。这里也使用了Promise来处理响应。

需要注意的是，这个类只是一个简单的示例，实际上可能需要添加更多的功能，例如：处理错误，超时策略等，这取决于你要封装的请求的具体需求。

总结：

使用class封装网络请求可以提高代码的可维护性和重用性，优先考虑使用已有的工具进行封装，尽量避免手动处理响应。