云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

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的响应数据结构,我们定义了两个函数getRequestpostRequest,分别用于发送GET和POST请求,这两个函数都返回一个Promise,当请求完成时,Promise会解析为一个包含响应数据和状态码的对象。

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

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《TypeScript发送HTTP请求》
文章链接:https://www.yunzhuji.net/jishujiaocheng/45400.html

评论

  • 验证码