在Web開發(fā)中,我們經(jīng)常會(huì)使用POST請(qǐng)求來向后端API傳遞數(shù)據(jù)。而POST請(qǐng)求中最常用的參數(shù)類型就是Body參數(shù)。Body參數(shù)就是在請(qǐng)求體中包含數(shù)據(jù)并作為POST請(qǐng)求的傳遞方式。
在Body參數(shù)中,我們可以使用JSON格式來傳遞數(shù)據(jù)。JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式,由JavaScript語(yǔ)言標(biāo)準(zhǔn)所規(guī)定。它具有易讀、易編寫、易解析的特點(diǎn),可被多種編程語(yǔ)言支持和解析。
在使用JSON格式作為Body參數(shù)時(shí),我們需要把數(shù)據(jù)轉(zhuǎn)換為JSON字符串,然后設(shè)置Content-Type為application/json,用POST請(qǐng)求和請(qǐng)求體發(fā)送數(shù)據(jù)。后端服務(wù)器在接收到請(qǐng)求后,需要使用JSON解析器來解析JSON字符串為對(duì)象,才能得到請(qǐng)求中傳遞的數(shù)據(jù)。
fetch('https://example.com/api', { method: 'POST', headers: { 'Content-Type': 'application/json' // 設(shè)置Content-Type為application/json }, body: JSON.stringify({ // 把數(shù)據(jù)轉(zhuǎn)換為JSON字符串 name: 'John', age: 25, email: 'john@example.com' }) }) .then(response =>response.json()) .then(data =>{ console.log(data); }) .catch(error =>{ console.error(error); });
在這段代碼中,我們使用fetch方法發(fā)送了一個(gè)POST請(qǐng)求,其中把Content-Type設(shè)置為application/json,body參數(shù)設(shè)置為一個(gè)JSON字符串格式的數(shù)據(jù)對(duì)象。使用fetch的then方法,我們可以獲取接口返回的數(shù)據(jù)。