在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请求,每次请求完成后,我们都将响应数据打印到控制台。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。