TypeScript发送HTTP请求

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

创新互联建站-专业网站定制、快速模板网站建设、高性价比福鼎网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式福鼎网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖福鼎地区。费用合理售后完善，十年实体公司更值得信赖。

// 定义一个接口，用于描述API的响应数据结构
interface ApiResponse {
  data: any;
  status: number;
}
// 定义一个函数，用于发送GET请求
async function getRequest(url: string): Promise {
  const response = await fetch(url);
  const data = await response.json();
  return {
    data,
    status: response.status,
  };
}
// 定义一个函数，用于发送POST请求
async function postRequest(url: string, body: any): Promise {
  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请求，每次请求完成后，我们都将响应数据打印到控制台。

网页标题：TypeScript发送HTTP请求
文章源于：http://www.zsjierui.cn/article/dhojdds.html

网站建设知识

TypeScript发送HTTP请求

其他资讯