新聞中心
在TypeScript中,我們可以使用fetch函數(shù)來(lái)發(fā)送HTTP請(qǐng)求,以下是一個(gè)簡(jiǎn)單的示例:

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比福鼎網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式福鼎網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋福鼎地區(qū)。費(fèi)用合理售后完善,十年實(shí)體公司更值得信賴。
// 定義一個(gè)接口,用于描述API的響應(yīng)數(shù)據(jù)結(jié)構(gòu)
interface ApiResponse {
data: any;
status: number;
}
// 定義一個(gè)函數(shù),用于發(fā)送GET請(qǐng)求
async function getRequest(url: string): Promise {
const response = await fetch(url);
const data = await response.json();
return {
data,
status: response.status,
};
}
// 定義一個(gè)函數(shù),用于發(fā)送POST請(qǐng)求
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';
// 發(fā)送GET請(qǐng)求
const getResponse = await getRequest(url);
console.log('GET請(qǐng)求響應(yīng):', getResponse);
// 發(fā)送POST請(qǐng)求
const postBody = { key: 'value' };
const postResponse = await postRequest(url, postBody);
console.log('POST請(qǐng)求響應(yīng):', postResponse);
})();
在這個(gè)示例中,我們首先定義了一個(gè)接口ApiResponse,用于描述API的響應(yīng)數(shù)據(jù)結(jié)構(gòu),我們定義了兩個(gè)函數(shù)getRequest和postRequest,分別用于發(fā)送GET和POST請(qǐng)求,這兩個(gè)函數(shù)都返回一個(gè)Promise,當(dāng)請(qǐng)求完成時(shí),Promise會(huì)解析為一個(gè)包含響應(yīng)數(shù)據(jù)和狀態(tài)碼的對(duì)象。
我們展示了如何使用這兩個(gè)函數(shù)發(fā)送請(qǐng)求,我們首先調(diào)用getRequest函數(shù)發(fā)送一個(gè)GET請(qǐng)求,然后調(diào)用postRequest函數(shù)發(fā)送一個(gè)POST請(qǐng)求,每次請(qǐng)求完成后,我們都將響應(yīng)數(shù)據(jù)打印到控制臺(tái)。
當(dāng)前題目:TypeScript發(fā)送HTTP請(qǐng)求
URL標(biāo)題:http://fisionsoft.com.cn/article/dhojdds.html


咨詢
建站咨詢
