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.csdahua.cn/qtweb/news48/145548.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网