Fetch 的几种应用场景

纪录几种常见 Fetch 的应用场景。


// 普通 Get

fetch('./')  
  .then((res) => {
    res.json()
  })
// 带 Credentials 的 Get (POST 同)
// Credentials are HTTP cookies, TLS client certificates, and authentication entries.  

fetch('./', {  
  credentials: 'include'
})
  .then((res) => {
    res.json()
  })
// POST Json

fetch('./', {  
  method: 'POST',
  header: {
    content-type: 'application/json'
  }
  body: {
    xxx: 123
  }
})
  .then((res) => {
    res.json()
  })
// POST Form

const form = new formData()  
form.append('xxx', 123)

fetch('./', {  
  method: 'POST',
  header: {
    content-type: 'multipart/form-data'
  }
  body: form
})
  .then((res) => {
    res.json()
  })
// POST x-www-form-urlencoded

fetch('./', {  
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: `token=${this.token}`
})
  .then((res) => {
    res.json()
  })