动态

详情 返回 返回

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.