17、在浏览器中运行 TypeScript：网络与存储全解析

在浏览器中运行 TypeScript：网络与存储全解析

1. HTTP 请求

在浏览器环境中，我们常常需要与服务器进行数据交互，而 HTTP 请求是实现这一目的的重要手段。下面为你介绍如何使用 TypeScript 实现 HTTP 的 GET 和 POST 请求。

1.1 HTTP Get 方法

以下是一个实现 HTTP GET 请求的示例代码：

export class Ajax {
    private readonly READY_STATUS_CODE = 4;
    private isCompleted(request: XMLHttpRequest) {
        return request.readyState === this.READY_STATUS_CODE;
    }
    httpGet(url: string) {
        return new Promise<XMLHttpRequest>((resolve, reject) => {
            // 创建请求
            const request = new XMLHttpRequest();
            // 附加事件监听器
            request.onreadystatechange = () => {
                if (this.isCompleted(request)) {
                    resolve(request);