オブジェクトをパラメーターとしてPOSTリクエストに渡そうとしていますが、その方法がまったくわかりません。
これはオブジェクトがどのように見えるかです。
const goodOrder = {
order: {
cupcakes: [
{
base: "vanillaBase",
toppings: ["sprinkles"],
frosting: "vanillaFrosting"
},
{
base: "redVelvetBase",
toppings: ["gummyBears"],
frosting: "redVelvetFrosting"
}
],
delivery_date: "Sat, 15 Sep 2018 21:25:43 GMT"
}
};
フェッチを使用したいのですが、何でも使用できます。
いくつかの人気のある方法は
フェッチAPI
fetch()
JSONでエンコードされたデータをPOSTするために使用します。
fetch('https://example.com/order', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(goodOrder),
})
.then((response) => response.json())
.then((goodOrder) => {
console.log('Success:', goodOrder);
})
.catch((error) => {
console.error('Error:', error);
});
Axios
AxiosはHTTPリクエストを作成するためのオープンソースライブラリであるため、プロジェクトに含める必要があります。npmを使用してインストールすることも、CDNを使用して含めることもできます。
axios({
method: 'post',
url: 'https://example.com/order',
data: goodOrder
})
.then((response) => {
console.log(response);
}, (error) => {
console.log(error);
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加