博客 / 詳情

返回

fetch的使用記錄

如何用fetch發起post請求

下面是一個用fetch發起的post請求示例:

fetch('/api/add', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    name: 'tomcat',
  }),
})
.then(res => res.json())
.then(res => {
  console.log('res', res);
});

注意事項:

如何傳遞post參數?

  1. 設置Content-Typeapplication/json
  2. post參數轉換為字符串,需要用到JSON.stringify

如何解析響應?

需要對fetch返回的響應調用json方法。

因為fetch返回的是一個Response對象,不能直接讀取數據,所以需要對其先調用一下json方法,然後才能得到期望的數據對象。

user avatar lfaith 頭像 yolindeng 頭像 yang123456_5df1db2820240 頭像 yelloxing 頭像 echo_numb 頭像 topple 頭像 facundo-giuliani 頭像
7 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.