TypeScript发送HTTP请求

在TypeScript中，我们可以使用fetch函数来发送HTTP请求，以下是一个简单的示例：

// 定义一个接口，用于描述API的响应数据结构
interface ApiResponse {
  data: any;
  status: number;
}
// 定义一个函数，用于发送GET请求
async function getRequest(url: string): Promise<ApiResponse> {
  const response = await fetch(url);
  const data = await response.json();
  return {
    data,
    status: response.status,
  };
}
// 定义一个函数，用于发送POST请求
async function postRequest(url: string, body: any): Promise<ApiResponse> {
  const response = await fetch(url, {
    method: 'POST',
    headers: {
      'ContentType': 'application/json',
    },
    body: JSON.stringify(body),
  });
  const data = await response.json();
  return {
    data,
    status: response.status,
  };
}
// 使用示例
(async () => {
  const url = 'https://api.example.com/data';
  // 发送GET请求
  const getResponse = await getRequest(url);
  console.log('GET请求响应：', getResponse);
  // 发送POST请求
  const postBody = { key: 'value' };
  const postResponse = await postRequest(url, postBody);
  console.log('POST请求响应：', postResponse);
})();

在这个示例中，我们首先定义了一个接口ApiResponse，用于描述API的响应数据结构，我们定义了两个函数getRequest和postRequest，分别用于发送GET和POST请求，这两个函数都返回一个Promise，当请求完成时，Promise会解析为一个包含响应数据和状态码的对象。

我们展示了如何使用这两个函数发送请求，我们首先调用getRequest函数发送一个GET请求，然后调用postRequest函数发送一个POST请求，每次请求完成后，我们都将响应数据打印到控制台。