跳至主要内容

[WebAPIs] Request 和 Response API

keywords: Request Object, Response Object

Request 和 Response API

Request Object

/**
* 建立 Request 物件
**/
const request = new Request('/images/sample1.jpg');

Response Object

/**
* 建立 Response 物件
**/
const imageBlob = new Blob([data], { type: 'image/jpeg' });
const imageResponse = new Response(imageBlob);

const stringResponse = new Response('Hello world');

// 透過 options 可以設定 Response 物件
const options = {
headers: {
'Content-Type': 'application/json',
},
};
const jsonResponse = new Response('{}', options);

操作 Response Object

/**
* 操作 Response Object
**/
const response = new Response('Hello world');
response.arrayBuffer().then((buffer) => {
console.log(new Uint8Array(buffer));
// Uint8Array(11) [72, 101, 108, 108, 111, 32, 119, 111, 114, 108, 100]
});

其他操作 Response Object 的方法可以參考 Working with Response Object @ Google Developer - Web Fundamental