動態

詳情 返回 返回

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 yinzhixiaxue 頭像 jcguanqi 頭像 Z-HarOld 頭像 kongsq 頭像 rk405264704 頭像 jungang 頭像 reddish 頭像 iymxpc3k 頭像 mi2nagemao 頭像 fisher_feng 頭像 evans_bo 頭像 axuicn 頭像
點贊 34 用戶, 點贊了這篇動態!
點贊

Add a new 評論

Some HTML is okay.