JS fetch()cheatsheet

THEN(RESPONSE
复制代码
fetch('/data.json')
  .then(response => response.json())
  .then(data => {
    console.log(data)
  })
  .catch(err => ...)

JS
复制代码
fetch("/data.json").then((res) => {
  res.text(); // response body (=> Promise)
  res.json(); // JSON 格式 (=> Promise)
  res.status; //=> 200
  res.statusText; //=> 'OK'
  res.redirected; //=> false
  res.ok; //=> true
  res.url; //=> 'http://site.com/data.json'
  res.type; //=> 'basic'
  //   ('cors' 'default' 'error'
  //    'opaque' 'opaqueredirect')
  res.headers.get("Content-Type");
});

JS
复制代码
fetch('/data.json', {
  method: 'post',
  body: new FormData(form),
  body: JSON.stringify(...),
  headers: {
    'Accept': 'application/json'
  },
  credentials: 'same-origin',
  credentials: 'include',
})

JS
复制代码
fetch("/data.json").then(checkStatus);

JS
复制代码
function checkStatus(res) {
  if (res.status >= 200 && res.status < 300) {
    return res;
  } else {
    let err = new Error(res.statusText);
    err.response = res;
    throw err;
  }
}

JS
复制代码
const fetch = require("isomorphic-fetch");